In this one, I've set the headings to also use New York. CSS Font iOS iOS 9 Mac Mac OS X 10. Previously: San Francisco as the Mac System Font. Using -apple-system also correctly interacts with the font-weight CSS property to choose the correct font on Apple’s latest operating systems. They can be activated from CSS using these. On iOS 9 and OS X 10.11, doing this allows you to use Apple’s new system font, San Francisco. I've also added a style block in the head, where I can insert custom CSS within the post front-matter. San Francisco, macOS System Font, comes with several stylistic sets to be used in different contexts.

Using New York is basically the same: font-family : -apple-system-ui-serif, ui-serif, 'Georgia', serif 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. Using San Francisco requires a bit of a hacky method to use it on the web: font-family : -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif Recently(ish) Apple introduced a serif sister font to San Francisco, New York, which I also like. I've been using system fonts for a while, as I really like Apple's San-Francisco font and I like the fact thats its nice a quick as no files to download (sorry if your are on Windows).

I wanted to keep things speedy, but wanted to mix up the fonts a bit. font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial. Had a bit of a spring clean on the old web log this week. Using Apple's New York font in CSS Thursday,

Font family san francisco css