Arpith Siromoney 💬

San Francisco in CSS

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!