Your typographic choices can help you display legible text, convey an information hierarchy, communicate important content, and express your brand or style.

For a refresher on the principles behind the San Francisco font family, catch up on “Introducing the New System Fonts” from WWDC15. ... Hello and welcome to WWDC. Hi. My name is Loïc Sander.

... Read the Human Interface Guidelines to learn how to use these fonts in your apps on Apple platforms. ... Gain insight into typographic principles and how they apply to the San Francisco fonts, the result of a deep collaboration between design ...

Design apps accurately and quickly using official Apple design templates, icon production templates, color guides, and more. ... System font for iOS, iPadOS, macOS and tvOS.

In this course we'll learn how to use design systems, set up break points, typography, spacing, navigation, size rules for adapting to the iPad, mobile and web versions, and different techniques that translate well from design to code.

Clear, readable text ensures that ... design guidelines on typography are laid out on the foundation of text legibility and Dynamic Type support for customization and accessibility....

2 weeks ago - Introduced in 1986, the Apple IIGS, ... 5:6 with 320 × 200 pixels), thus requiring a stout, 8-point bitmap font called Shaston 8 as the system font (for menus, window titles, etc.). Shaston was described in Apple IIGS technote ...

There are two variants of this font: SF UI Text for text 19 points or smaller, and SF UI Display for text 20 points or larger. When you use the system font for text in labels and other interface elements, iOS automatically applies the most appropriate text style of the font based on the point size.

Our family of system colors has ... Typography has been refined to strengthen clarity and structure, now bolder and left-aligned to improve readability in key moments like alerts and onboarding....

A design to use for fonts.

Figma typography styles for Apple devices’ operating system. Based upon Apple’s Developer documentation.

DesignSystems.surf helps you find Apple's Design System fast. Access UI guidelines, toolkits, and resources for iOS, macOS, watchOS, tvOS, and visionOs.

Specifies a system font to use, along with the style, weight, and any design parameters you want applied to the text.

Constants that describe the system-defined typeface designs.

Gets a system font with the given text style and design.

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

In contrast, AAT allows you to design font families with any number of named styles. Typical style names are regular, bold, demi, black, antique, italic, thin, and ultra condensed. AAT style variations are a mechanism through which you can build high quality styles into the typeface itself. This reduces the dependence on algorithmic styling in the graphics system...

June 28, 2021 - We also looked at colors in our design system and how we customized Style Dictionary to deal with light and dark mode variants for each color, and have a nice API to use colors as extensions to UIColor. In this post, we are going to focus on typography and how we can customize it, without losing the ability to adapt it for accessibility.

May 11, 2025 - Created by Apple's in-house graphic designer Susan Kare, who also designed the Mac icons, Chicago was trailblazer as a custom system font. It was one of the first proportionally spaced fonts, allowing letters to take up as much or little space as needed, unlike monospace fonts. This would shape the objectives of early digital typography around legibility and user-friendly design.