San Francisco (sans-serif typeface)

Last updated

San Francisco
SF Pro - Preview.svg
Category Sans-serif
Classification Neo-grotesque
Foundry Apple Inc.
Date releasedNovember 18, 2014
License Proprietary
Design based on Helvetica
FF DIN
Roboto
Arial
VariationsSF Pro
SF Condensed
SF Compressed
SF Expanded
SF Compact
SF Mono
SF Camera
Also known asSF
Website https://developer.apple.com/fonts/
Latest release version20.0d10e1

San Francisco (also known as SF Pro) is a neo-grotesque typeface made by Apple Inc. It was first released to developers on November 18, 2014. [1] [2] It is the first new typeface designed at Apple in nearly twenty years and has been inspired by Helvetica and DIN. [1]

Contents

The macOS Catalina font Galvji is similar to the San Francisco variant SF Pro Text but has lower leading and bigger spacing.

Variants

NameTypeIntroducedCommon Usage
SF Pro/SF UINormal2015System font for Apple software
SF Condensed (Derived from SF Pro)Condensed2016Apple News, Stocks, Maps, Apple Cash
SF Compressed (Derived from SF Pro)Compressed2020Apple News, Photos, Clips
SF Expanded (Derived from SF Pro)Expanded2021Maps, Photos
SF CompactCompact2015watchOS, Photos, product text, keyboards
SF MonoMonospaced2016Monospaced body text in software such as Terminal, Console, and Xcode
SF CameraRegular2019Camera

SF has the codename SFNS in macOS and SFUI in iOS, regardless of the official name.

Stylistic fonts exist, which are mainly present in the iOS 16 Lock Screen, Apple Cash, watchOS Watch Faces, and several promotional materials. These include chiseled, stenciled, semi-rounded, dotted, prisma, railed, and slab-serif versions.

Some variants have two optical sizes: "display" for large and "text" for small text. The letters in the "text" size have larger apertures and more generous letter-spacing than in the "display" size. The operating system automatically chooses the "display" size for sizes of at least 20 points and the "text" size for smaller size. [3] [4] Variable grades were eventually added in newer versions.

SF Pro/SF UI

UI font for macOS, iOS, iPadOS, and tvOS. In 2017, a revised version, SF Pro was introduced, supporting an expanded list of weights, optical sizes, glyphs and languages. [5] SF Pro Text and SF Pro Display come in nine weights (the Text version had only six weights when introduced) plus corresponding italics. SF Pro Rounded (codename SFUIRounded), which comes in the same nine weights and has the same figure as the "Display" version but with rounded corners, was introduced in 2018.

These fonts, for use in different languages, can be found on the Apple website in their corresponding regions of use as variations of SF Pro:

SF Pro is a variable font that also has variable widths in conjunction with weights, optical sizes, and grades. One of them is a print-optimized variant, SF Hello, which is restricted to Apple employees and permitted contractors and vendors, and is therefore unavailable for public use. [7] This allows for additional fonts derived from SF Pro as shown below.

SF Condensed

A condensed variant of SF Pro. SF Condensed Text has six weights, while SF Condensed Display has nine. Variants are internally named SF Cash, SF Shields, and SF Condensed Photos.

SF Compressed

A compressed variant of SF Pro. Vertical edges are fully straight and kerning is much closer, unlike in SF Condensed.

SF Expanded

Internally called SF Wide, it is an extended/widened variant of SF Pro.

SF Compact

The initial version introduced with the Apple Watch and watchOS, later rebranded as SF Compact with the introduction of SF UI at WWDC 2015. Its characters' round curves are flatter than those of SF Pro, allowing the letters to be laid out with more space between them, thereby making the text more legible at small sizes, which the Apple Watch's small screen demands. [3] SF Compact Rounded was introduced in 2016.

Like SF Pro after it, SF Compact comes in Text and Display optical sizes as well as a Rounded version with the same figure as the "Display" version but with rounded corners. All three versions each come in the same nine weights as SF Pro (the Text version had only six when introduced), and likewise only the "Text" and "Display" versions have corresponding italics.

SF Mono

A monospaced variant. UI font for the Terminal, Console, and Xcode applications. [8] It was introduced at WWDC 2016. [9] SF Mono comes in six weights with corresponding italics.

SF Camera

Introduced on September 10, 2019 at Apple's keynote; Phil Schiller mentioned it while summarizing the camera updates on iPhone 11 Pro. This variant has a boxier design than SF Pro, giving it an industrial and professional look. Its figure and tracking are similar to SF Compact Text.

SF Serif (New York)

A serif variant. It was introduced as SF Serif (codename Serif UI) at WWDC 2018 as the UI font for the redesigned Apple Books app for IOS 12. [10] It was officially released under the name New York on the Apple Developer site on June 3, 2019. [11] The typeface comes in Small, Medium, Large and Extra Large sizes, each in six weights and corresponding italics. It also includes OpenType features for lining and old-style figures in both proportional and tabular widths.

This typeface differs from, and is not related to, Apple's older font with the same name with the bitmap format for the original Macintosh (and later converted to TrueType format).

Variable fonts

Apple introduced the OpenType Font Variations feature of their SF fonts in WWDC20. [12] It is included as a TrueType Font in the installer file on the Developer website. On WWDC22, variable width option is introduced to the font family.

SF Symbols

SF Symbols refers to symbols and icons used in the Apple operating systems. To fit Apple's objectives of core functionality and ease of use, these symbols are designed using Apple's visual language and unified design elements. They also include the squircle instead of standard rounded corners for a more comfortable look, similar to what Apple has used in their other designs. By using unified symbols, users can experience the easiness and intuitiveness when interacting between Apple's devices, services, and apps.

Apple's symbols are included as glyphs in the font file of SF Pro, SF Pro Rounded, SF Compact, and SF Compact Rounded (also in their variable font file). Each symbol is available in 3 sizes. These symbols change their thickness and negative space according to chosen weight, they even utilized with the Opentype Variation feature. Using the SF Symbols app can access more features such as refined alignment, multicolor, and localization of symbols. [13] The symbol properties are not unified across variants. Different Unicode arrangement for some symbols result in different symbols when switching between variants, and some symbols have noticeably fewer details in some variants.version 16.0d18e1

These symbols are available for developers to use in their apps on Apple platforms only. Developers are allowed to customize it to desired styles and colors, but certain symbols may not be modified and may only be used to refer to its respective Apple services or devices as listed in the license description.

Usage

Since its introduction, San Francisco has gradually replaced most of Apple's other typefaces on their software and hardware products and for overall branding [14] and has replaced Lucida Grande and Helvetica Neue as the system typeface of macOS and iOS since OS X El Capitan and iOS 9. [15] [11] [16] Apple uses it on its website and for its product wordmarks, where it replaced Myriad Pro. It is also used on Magic Keyboard and on the keyboard of the 2015 MacBook and on the 2016 MacBook Pro, replacing VAG Rounded. [17] It is also used as Apple's corporate typeface. [18]

Apple restricts the usage of the typeface by others. It is licensed to registered third-party developers only for the design and development of applications for Apple's platforms. [11] Only SF Pro, SF Compact, SF Mono, SF Arabic, SF Hebrew and New York variants are available for download on Developer website and they are the only SF variants allowed to be used by developers.

The San Francisco Chronicle described the font as having nothing to do with the city and just being "Helvetica on a low-carb diet". [19]

See also

Related Research Articles

<span class="mw-page-title-main">Helvetica</span> Neo-grotesque sans-serif typeface

Helvetica, also known by its original name Neue Haas Grotesk, is a widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger and Eduard Hoffmann.

<span class="mw-page-title-main">Arial</span> Neo-grotesque sans-serif typeface

Arial is a sans-serif typeface in the neo-grotesque style. Fonts from the Arial family are included with all versions of Microsoft Windows after Windows 3.1, as well as in other Microsoft programs, Apple's macOS, and many PostScript 3 printers. In Office 2007, Arial was replaced by Calibri as the default typeface in PowerPoint, Excel, and Outlook.

<span class="mw-page-title-main">Typography of Apple Inc.</span>

Apple Inc. uses a large variety of typefaces in its marketing, operating systems, and industrial design with each product cycle. These change throughout the years with Apple's change of style in their products. This is evident in the design and marketing of the company. The current logo is a white apple with a bite out of it, which was first utilized in 2013.

<span class="mw-page-title-main">Myriad (typeface)</span> Humanist sans-serif typeface family

Myriad is a humanist sans-serif typeface designed by Robert Slimbach and Carol Twombly for Adobe Systems. Myriad was intended as a neutral, general-purpose typeface that could fulfill a range of uses and have a form easily expandable by computer-aided design to a large range of weights and widths.

<span class="mw-page-title-main">Lucida Grande</span> Humanist sans-serif typeface

Lucida Grande is a humanist sans-serif typeface. It is a member of the Lucida family of typefaces designed by Charles Bigelow and Kris Holmes. It is best known for its implementation throughout the macOS user interface from 1999 to 2014, as well as in other Apple software like Safari for Windows. As of OS X Yosemite, the system font was changed from Lucida Grande to Helvetica Neue. In OS X El Capitan the system font changed again, this time to San Francisco.

<span class="mw-page-title-main">Roboto</span> Open-source typeface family

Roboto is a neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system Android, and released in 2011 for Android 4.0 "Ice Cream Sandwich".

Segoe is a typeface, or family of fonts, that is best known for its use by Microsoft. The company uses Segoe in its online and printed marketing materials, including recent logos for a number of products. Additionally, the Segoe UI font sub-family is used by numerous Microsoft applications, and may be installed by applications. It was adopted as Microsoft's default operating system font, and is also used on Outlook.com, Microsoft's web-based email service. On August 23, 2012, Microsoft unveiled its new corporate logo typeset in Segoe, replacing the logo it had used for the previous 25 years.

<span class="mw-page-title-main">Font</span> Particular size, weight and style of a typeface

In metal typesetting, a font or fount is a particular size, weight and style of a typeface, defined as the set of fonts that share an overall design. For instance, the typeface Bauer Bodoni includes fonts "Roman", "bold" and "italic"; each of these exists in a variety of sizes.

Meiryo is a Japanese sans-serif gothic typeface. Microsoft bundled Meiryo with Office Mac 2008 as part of the standard install, and it replaces MS Gothic as the default system font on Japanese systems beginning with Windows Vista.

<span class="mw-page-title-main">Monaco (typeface)</span> Monospaced sans-serif typeface

Monaco is a monospaced sans-serif typeface designed by Susan Kare and Kris Holmes. It ships with macOS and was already present with all previous versions of the Mac operating system. Characters are distinct, and it is difficult to confuse 0 and O, or 1, |, I and l. A unique feature of the font is the high curvature of its parentheses as well as the width of its square brackets, the result of these being that an empty pair of parentheses or square brackets will strongly resemble a circle or square, respectively.

Apple's Macintosh computer supports a wide variety of fonts. This support was one of the features that initially distinguished it from other systems.

<span class="mw-page-title-main">Minion (typeface)</span> Serif typeface

Minion is a serif typeface released in 1990 by Adobe Systems. Designed by Robert Slimbach, it is inspired by late Renaissance-era type and intended for body text and extended reading. Minion's name comes from the traditional naming system for type sizes, in which minion is between nonpareil and brevier, with the type body 7pt in height. As the historically rooted name indicates, Minion was designed for body text in a classic style, although slightly condensed and with large apertures to increase legibility. Slimbach described the design as having "a simplified structure and moderate proportions." The design is slightly condensed, although Slimbach has said that this was intended not for commercial reasons so much as to achieve a good balance of the size of letters relative to the ascenders and descenders.

<span class="mw-page-title-main">Droid (typeface)</span> Typeface family

Droid is a font family first released in 2007 and created by Ascender Corporation for use by the Open Handset Alliance platform Android and licensed under the Apache License. The fonts are intended for use on the small screens of mobile handsets and were designed by Steve Matteson of Ascender Corporation.

<span class="mw-page-title-main">Menlo (typeface)</span> Monospaced typeface

Menlo is a monospaced sans-serif typeface designed by Jim Lyles and Charles Bigelow in 1997. The typeface was first shipped with Mac OS X Snow Leopard in August 2009. Menlo superseded Monaco typeface, which had long been the default monospaced typeface on macOS. Menlo is based upon the open source font Bitstream Vera and the public domain font DejaVu.

<span class="mw-page-title-main">OS X Yosemite</span> Eleventh major release of macOS (called OS X when released)

OS X Yosemite is the eleventh major release of macOS, Apple Inc.'s desktop and server operating system for Macintosh computers.

<span class="mw-page-title-main">Variable font</span> Font file with many design variants

A variable font (VF) is a font file that is able to store a continuous range of design variants. An entire typeface can be stored in such a file, with an infinite number of fonts available to be sampled.

<span class="mw-page-title-main">New York (2019 typeface)</span> Serif typeface introduced in 2019

New York is a transitional American serif typeface created by Apple Inc. It was released to developers in June 2019. It is released by Apple freely but solely for use in developing or creating mock-ups of software on Apple platforms.

References

  1. 1 2 Brownlee, John (November 19, 2014). "Apple Releases Its Most Important Typeface in 20 Years". Fast Company . Retrieved February 15, 2023.
  2. ↑ Williams, Owen (November 18, 2014). "Meet Apple's new font, designed for its smartwatch". The Next Web. Retrieved June 13, 2015.
  3. 1 2 Cavedoni, Antonio (June 12, 2015). "Introducing the New System Fonts". WWDC 2015. Apple Inc.
  4. ↑ "Design Principles Applied to the SF Fonts". Jim Nielsen’s Blog. September 5, 2019. Retrieved December 12, 2023.
  5. ↑ "iOS 11 silently introduces SF Pro with almost 1000 new glyphs and support for more languages". Designer News. Retrieved April 21, 2019.
  6. ↑ @NobtakaJP (June 8, 2021). "「SF Arabic beta」 新しいアラビックフォントが追加されました。 あまり使う機会がないかも知れないですが #WWDC21" (Tweet) (in Japanese) – via Twitter.
  7. ↑ Apple Identity Guidelines (PDF), retrieved April 16, 2023
  8. ↑ Getting Apple's SF Mono Font in Mac OS, September 4, 2017, retrieved January 3, 2019
  9. ↑ Nowell, Peter. "Apple Reveals San Francisco Monospaced Font".
  10. ↑ "Apple Books: What's new in iOS 12". iMore. Retrieved July 10, 2018.
  11. 1 2 3 "Fonts". Apple Developer. Apple Inc. Retrieved June 13, 2015.
  12. ↑ "The details of UI typography - WWDC 2020 - Videos". Apple Developer. Retrieved June 5, 2021.
  13. ↑ "SF Symbols 2 - WWDC 2020 - Videos". Apple Developer. Retrieved June 5, 2021.
  14. ↑ Apple (2015). "Visual Design - Apple TV Human Interface Guidelines - Apple Developer". Retrieved on 2015-10-04 from https://developer.apple.com/tvos/human-interface-guidelines/visual-design/.
  15. ↑ "Typography". Apple Watch Human Interface Guidelines. Apple Inc. Archived from the original on June 15, 2015. Retrieved June 13, 2015.
  16. ↑ Stinson, Liz (June 9, 2015). "Why Apple Abandoned the World's Most Beloved Typeface". Wired. Retrieved June 13, 2015.
  17. ↑ Wright, Mic (March 9, 2015). "The new MacBook shows San Francisco is more than just the Apple Watch font". The Next Web. Retrieved May 29, 2015.
  18. ↑ "Apple Adopts San Francisco Typeface for Apple.com Website" . Retrieved April 21, 2018.
  19. ↑ Hartlaub, Peter (April 19, 2021). "San Francisco finally has its own font. And the inspiration was truly historic". San Francisco Chronicle. Retrieved April 19, 2021.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.