Allow Flutter to match iOS native fonts #63507

Activity

1. darshankawar

   added

   a: typographyText rendering, possibly libtxtText rendering, possibly libtxt

   frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

   platform-iosiOS applications specificallyiOS applications specifically

   c: proposalA detailed proposal for a change to FlutterA detailed proposal for a change to Flutter

   p: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packages

   on Aug 12, 2020
2. xster commented on Nov 2, 2020

   

   xster

   on Nov 2, 2020

   Member

   More actions

   SF Pro has always been the Cupertino package's default font. Closing. Please re-open if I misinterpreted.

   👎React with 👎4Reacted by Iurii Dorofeev, Doug Orchard, theo and MJ Studio
3. pedromassangocode

   added

   passed first triage

   on Nov 20, 2020
4. otopba commented on Nov 28, 2020

   

   otopba

   on Nov 28, 2020

   More actions

   @xster You are not right. Now flutter use SF UI, but the font must be SF Pro

   👍React with 👍3Reacted by Iurii Dorofeev, Andrei Mikhniuk and mono — Masayuki Ono
5. sanekyy commented on Nov 28, 2020

   

   sanekyy

   on Nov 28, 2020

   More actions

   Same problem:(

   👍React with 👍1Reacted by Iurii Dorofeev
6. xster commented on Dec 1, 2020

   

   xster

   on Dec 1, 2020

   Member

   More actions

   Actually our default fallback font is retrieved via [UIFont systemFontOfSize]. Perhaps it creates a SF UI font? Should check in the engine.
7. xster commented on Dec 1, 2020

   

   xster

   on Dec 1, 2020

   Member

   More actions

   @otopba how are you determining that Flutter's using SF UI? We have a overlay comparison tool with iOS in https://github.com/flutter/platform_tests/tree/master/ios_widget_catalog_compare.
8. xster

   added

   waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

   on Dec 1, 2020
9. sanekyy commented on Dec 1, 2020

   

   sanekyy

   on Dec 1, 2020

   More actions

   @xster

   In your tests you don't use custom text styles like letterSpacing. There you can notice difference.
10. pedromassangocode commented on Dec 23, 2020

    

    pedromassangocode

    on Dec 23, 2020

    More actions

    Without additional information, we are unfortunately not sure how to resolve this issue.
    We are therefore reluctantly going to close this bug for now.
    Please don't hesitate to comment on the bug if you have any more information for us; we will reopen it right away!
    Thanks for your contribution.

    Could everyone who still has this problem please file a new issue with the exact description of what happens, logs, and the output of flutter doctor -v.
    All system setups can be slightly different, so it's always better to open new issues and reference related issues.

    👎React with 👎2Reacted by theo and Liloupar
11. pedromassangocode

    closed this as completedon Dec 23, 2020
12. 10 remaining items

    Load more
13. stuartmorgan-g

    added

    P1High-priority issues at the top of the work listHigh-priority issues at the top of the work list

    on Jul 25, 2023
14. davidhicks980 commented on Aug 30, 2023

    

    davidhicks980

    on Aug 30, 2023

    Last edited by davidhicks980

    Contributor

    More actions

    I'm not sure if others have observed this, but I think the current fonts (".SF Pro Text" and ".SF Pro Display") don't appear to even be drawn on iOS. ".AppleSystemUIFont" does though. When referencing system fonts, I think the font family has to be referenced rather than the font name. I'm brand new to Swift though, so I apologize if I'm wrong.

    Screen.Recording.2023-08-30.at.1.05.38.AM.mov

    I found .AppleSystemUIFont via the following:

          let systemFontName = UIFont.systemFont(ofSize: 17)
          print(systemFontName.fontName, " << Font name")
          print(systemFontName.familyName, " << Font family")

    Output:

    .SFUI-Regular  << Font name
    .AppleSystemUIFont  << Font family

    👍React with 👍2Reacted by Greg Price and oshtman
15. MitchellGoodwin commented on Sep 6, 2023

    

    MitchellGoodwin

    on Sep 6, 2023

    Contributor

    More actions

    Still in the progress of looking into this, but the issue is that Apple removed the ability to look up system fonts by name, so dot prefixed names like '.SF Pro Text' and '.SF Pro Display' fail. We fallback to getting what family name we can, which is ".AppleSystemUIFont", which Apple seems to use for all of their system fonts. Weirdly, that does work, but it only returns what seems to be the equivalent of '.SF Pro Text', never ',SF Pro Display'. I believe in the Apple system fonts there currently is no "SF Pro" or "SF UI" font there's just the "Text" and "Display", so functionally we are getting and using the SF Pro Text font, but it looks wrong on larger texts, which should be using SF Pro Display.

    Work in progress design doc: flutter.dev/go/flutter-ios-system-font

    👍React with 👍3Reacted by Thomas Mol, abdalmonem and Sivaram Subramanian
16. leighajarett

    changed the title [-]The default font for iOS should be SF Pro, not SF UI.[/-] [+]Allow Flutter to match iOS native fonts[/+] on Sep 11, 2023
17. auto-submit

    closed this as completedin flutter-team-archive/engine#46857on Oct 19, 2023
18. auto-submit

    added a commit that references this issue on Oct 19, 2023

    [iOS] Load additional Cupertino system fonts (#46857)

    ...

    bfd2ffb
19. MitchellGoodwin

    reopened this on Oct 19, 2023
20. MitchellGoodwin commented on Oct 19, 2023

    

    MitchellGoodwin

    on Oct 19, 2023

    Contributor

    More actions

    Keeping this open for now. flutter/engine#46857 allows for opting in to correctly using the system fonts in a way that's unlikely to get broken by changes made to Apple APIs. Keeping this open until the followup framework PR that is coming that will use it in the default themes for Flutter.
21. ricardoamador

    closed this as completedon Oct 19, 2023
22. harryterkelsen

    added a commit that references this issue on Oct 23, 2023

    [iOS] Load additional Cupertino system fonts (#46857)

    ...

    2d59f13
23. github-actions commented on Nov 2, 2023

    

    github-actionsbot

    on Nov 2, 2023 – with GitHub Actions

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
24. github-actions

    locked as resolved and limited conversation to collaborators on Nov 2, 2023
25. github-project-automation

    added this to iOS Platform - Cupertino widget reviewon Aug 28, 2024
26. github-project-automation

    moved this to Engineer reviewed in iOS Platform - Cupertino widget reviewon Aug 28, 2024
27. zhongdaiqi

    added a commit that references this issue on Oct 9, 2026

    [iOS] Load additional Cupertino system fonts (flutter-team-archive/en…

    ...

    e559ceb