Apple San Francisco defines the digital experience across macOS, iOS, watchOS, and tvOS. This system font is designed for legibility at every size and on every Apple display.
Developed as part of Apple’s broader typography strategy, SF combines humanist and geometric traits to remain neutral yet expressive. The family is continuously refined to support new languages and accessibility needs.
| Font Family | First Shipped | Use Case | Key Traits |
|---|---|---|---|
| San Francisco (SF Pro) | 2015 (iOS 9/macOS 11) | Interface, Apps, Web | Neutral, highly legible, dynamic tracking |
| New York | 2019 (iOS 12) | Serif body text in apps | High contrast, legible at small sizes |
| PingFang | 2015 (Chinese markets) | Simplified Chinese UI | Designed for screen legibility, wide weight range |
| SF Compact | 2016 (watchOS) | Compact interfaces | Tight spacing, large x-height |
| SF Mono | 2016 (macOS, Xcode) | Code, technical content | Tabular figures, clear characterforms |
Typographic Foundation of Apple Interfaces
Design Principles Behind San Francisco
San Francisco balances humanist letterforms with geometric structuring to suit both long reading and brief glances. Its variable font technology enables dynamic weight and width adjustments without losing consistency across devices.
Extensive language support ensures clarity for Latin, Greek, Cyrillic, Chinese, Japanese, and Arabic scripts. The family includes Text, Rounded, and Monospaced variants to match different interface contexts while preserving a shared design language.
Optical Size and Weight Adaptation
Each optical size is tuned for legibility at specific point sizes, from small caption text to large headlines. Subtle changes in x-height, stroke contrast, and spacing improve readability on Retina and Liquid Retina displays.
Integration Across Apple Platforms
iOS and watchOS Usage Patterns
On iOS, SF Pro serves as the default system font, with weight and scaling aligned to hierarchy and focus. watchOS uses SF Compact to accommodate smaller touch targets and glanceable information.
macOS and tvOS Implementations
macOS presents SF Pro in multiple widths and styles, supporting sidebar navigation, lists, and document text. tvOS relies on legible, high-contrast typography to remain readable across living room viewing distances.
Developer and Designer Considerations
Adopting SF in Native and Cross-Platform Apps
Apple provides SF through system APIs and downloadable font packages for third-party apps. Designers are encouraged to use Dynamic Type and text styles to respect user readability preferences and accessibility settings.
Future Evolution and Customization
Ongoing updates add new weights, correct glyph shapes, and expand language coverage. Designers and developers can track changes through Apple’s developer documentation and WWDC sessions to keep experiences consistent.
Practical Recommendations for Teams
- Use system-provided text styles and Dynamic Type to align with user preferences.
- Match font variants to interface density, such as SF Compact for compact UI elements.
- Test legibility on actual devices, especially for captions and multilingual content.
- Leverage variable font features for weight and width adjustments without file overhead.
- Keep up with Apple’s design updates to maintain visual consistency across releases.
FAQ
Reader questions
Is the Apple text font called San Francisco or SF Pro?
The system font is called San Francisco, with SF Pro as the desktop app variant. The naming reflects platform-specific implementations while sharing the same design foundation.
Can I use SF Pro in my own iOS or macOS app?
Yes, SF Pro is available through Apple’s SDKs and system APIs. Use UIFont for iOS and NSFont for macOS to adopt it while respecting Dynamic Type and accessibility preferences.
What makes San Francisco different from New York serif?
San Francisco is a neo-grotesque sans optimized for interface clarity, while New York is a transitional serif designed for extended reading within apps. Choose based on content length and visual tone.
How does Apple ensure legibility at small sizes?
Through optical sizing, larger x-heights, and careful control of counters and stroke width, San Francisco remains readable even at very small point sizes on mobile devices.