$ the-wire · showcase
REACT NATIVE COMPLETES VARIABLE FONT SUPPORT ACROSS ALL PLATFORMS
By RepoJournal · Filed · About Meta · Composed from the cited sources · methodology
1 person shipped this
Evan Katz shipped variable font settings to iOS, Android text, and TextInput in a single coordinated push, closing the last gaps in cross-platform typography control.
React Native now has complete variable font support across its text rendering stack. The work spans three complementary PRs merged in the last 24 hours: iOS text now parses CSS-compatible axis settings into CoreText variation dictionaries [1], Android text applies fontVariationSettings to Paint and includes variable axes in layout measurement cache identity [2], and TextInput on Android forwards the same prop through Fabric attributes and applies it after typeface updates [3]. This is coordinated work that treats variable axes as a first-class layout primitive, not an afterthought. Developers building typography-heavy apps on both platforms can now ship consistent font behavior without platform-specific workarounds. The implementation preserves the distinction between absent, explicitly cleared, and invalid values, so your fallback logic works as expected across all three surfaces.
Action items
- → Test variable fonts in your iOS and Android apps at next release cycle facebook/react-native [plan]
- → Review fontVariationSettings usage in TextInput components if you ship custom typefaces facebook/react-native [monitor]
References
- [1] Add variable font settings support (#57815) ↗ facebook/react-native
- [2] Add Android text font variation settings (#57804) ↗ facebook/react-native
- [3] Add font variation settings support to TextInput (#57805) ↗ facebook/react-native
