Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Specify Apple System Font in CSS
/* From http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/ */
* { font-family: -apple-system-font, HelveticaNeue, LucidaGrande; }
/* Dynamic Type feature */
* { font-family: -apple-system-headline1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-headline2, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-body, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-subheadline1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-subheadline2, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-footnote, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-caption1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-caption2, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-headline1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-headline2, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-body, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-subheadline1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-subheadline2, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-footnote, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-short-caption1, HelveticaNeue, LucidaGrande; }
* { font-family: -apple-system-tall-body, HelveticaNeue, LucidaGrande; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment