WWDC 2022: Meet the expanded San Francisco font family

Find hereafter a detailed summary of the above named video which belongs to a taxonomy of some WWDC footages.

The original video is available on the official Apple website (session 110381).

"Discover the latest additions to San Francisco – the system font for Apple platforms – and find out how they can provide more control and versatility when designing interfaces. In addition to weights and optical sizes, San Francisco now supports three new width styles: Condensed, Compressed, and Expanded. We'll also take you through the linguistic expansion of San Francisco and learn more about the feature-rich Arabic system font families: SF Arabic and SF Arabic Rounded."

Most of the illustrations are parts of the Apple presentations and may be available at the Resources section inside the Overview sheet of each video.

Click to playback the footage at the appropriate moment.

Overview #

The San Francisco families and styles have been improved over the years for providing a better user experience through the UI design.

Since 2016, variable fonts enable optical sizing for adjusting different typographic designs to fit various sizes and then improving the size modifications.

In iOS 16, three new width styles in SF Pro are available to offer a broad range of extra expressive styles: compressed, condensed and expanded.

Besides its efficient results regarding the headlines, the Width style is also compelling for handling space and legibility in a group of text lines.

Examples #

These new Width styles are exposed in some Apple apps to highlight their UI benefits.



Recap #



SF Arabic introduction #

🎬

Introduced in iOS 15, this system font benefits not only from the singular design of the San Francisco families but also from a dedicated Optical Sizes adjustement.

Readibility and legibility are also compelling whatever the font size.

🎬

This system font supports various languages through the Arabic script.

🎬

The SF Arabic Rounded font has been added to the San Francisco families in iOS 16 to improve the user experience through the UI embellishment.