Skip to content

Instantly share code, notes, and snippets.

@bivainis
Last active April 18, 2019 02:52
Show Gist options
  • Star 16 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save bivainis/5e8d629eb47e1aa8cc7d to your computer and use it in GitHub Desktop.
Save bivainis/5e8d629eb47e1aa8cc7d to your computer and use it in GitHub Desktop.
San Francisco Web Font
/**
* http://applemusic.tumblr.com/
*/
/** Ultra Light */
@font-face {
font-family: "San Francisco";
font-weight: 100;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
}
/** Thin */
@font-face {
font-family: "San Francisco";
font-weight: 200;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2");
}
/** Regular */
@font-face {
font-family: "San Francisco";
font-weight: 400;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff2");
}
/** Medium */
@font-face {
font-family: "San Francisco";
font-weight: normal;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
}
/** Semi Bold */
@font-face {
font-family: "San Francisco";
font-weight: 500;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
}
/** Bold */
@font-face {
font-family: "San Francisco";
font-weight: bold;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
}
@bivainis
Copy link
Author

bivainis commented Oct 8, 2015

added regular font

@stanleyxu2005
Copy link

Font size 13px and font weight > normal will render "n" and "g" very weird. Any idea how to update these two chars?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment