Skip to content

feature: draw font-rounded in SF Pro Rounded on iOS - #121

Open
SRWieZ wants to merge 1 commit into
NativePHP:mainfrom
SRWieZ:feat/font-rounded-design
Open

SRWieZ wants to merge 1 commit into
NativePHP:mainfrom
SRWieZ:feat/font-rounded-design

Conversation

@SRWieZ

@SRWieZ SRWieZ commented Oct 3, 2026

Copy link
Copy Markdown
Member

Draws the new font-rounded class (NativePHP/mobile-air#529, sent as fontFamily 3) in SF Pro Rounded on iOS, through SwiftUI's .rounded font design, right next to how font-serif and font-mono already work.

On Android there is no rounded system font, so the text keeps the default sans, the same as for any design Compose can't draw. Apps that want rounded text on Android can still bundle a rounded font and set it with font="...".

Why it helps: rounded numbers are the friendly look for scores, counters, timers and stats. On iOS it's a system font, so there is nothing to bundle and it follows Dynamic Type. Apps that don't use the class don't change.

<native:text class="font-rounded font-bold text-5xl">42 · 128</native:text>

Before / after, together with mobile-air#529 (iPhone 17 Pro simulator, iOS 26.5): on main, font-rounded renders like font-sans; after, it is SF Pro Rounded:

font-rounded

font-rounded (fontFamily 3 in core) maps to SwiftUI's .rounded design,
next to serif and mono. Android has no rounded system face and keeps
the default sans.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants