Skip to content

Instantly share code, notes, and snippets.

@tmslnz

tmslnz/apple-system-font.css

Created July 12, 2015 18:01
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tmslnz/bc6dcd0a6e75bf20a28b to your computer and use it in GitHub Desktop.
Save tmslnz/bc6dcd0a6e75bf20a28b to your computer and use it in GitHub Desktop.
Download ZIP
Specify Apple System Font in CSS
Raw
apple-system-font.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