I’m building an app to share notes, Constellational, and the font it uses is the Apple system font — which is San Francisco in iOS9. I want the website to reflect the experience of using the app as far as possible, so here’s how I used San Francisco on the web:
body {
font-family: '-apple-system', 'Helvetica Neue', helvetica , sans!important;
text-rendering: optimizeLegibility!important;
}
That’s it! This is thanks to this StackOverflow answer and this blog post.
Sound interesting? Sign up here!