Something like this could be used to get San Francisco:įont-family: 'San Francisco', 'Helvetica Neue', 'Lucida Grande' Traditionally, we’ve specified fonts explicitly.
It turns out that’s not a simple thing to do. We’ll soon be faced with a lot of surrounding content that’s displayed in San Francisco and will need ways to specify that same font in our CSS. Think about how out of place an app feels when it displays Sparkle release notes in Lucida Grande while running on Yosemite. In these contexts, matching the content to what the customer sees in their surrounding environment makes a big impact on the user experience. Many times these pages are embedded in our apps and manage things like remote settings or documentation. We first saw the San Francisco font on the Apple Watch: we’ll soon be seeing it on all of Apple’s devices.Īs a developer, there are often cases where we need to use the system font on web pages. Thanks!Īpple is working on a lovely new system font for both iOS and OS X.
Please refer to this new post on using system fonts in CSS. Note: This post contains out-of-date information and is left here as a historical record.
