Skip to content

Instantly share code, notes, and snippets.

@sasha240100
Created July 29, 2018 13:38
Show Gist options
  • Save sasha240100/0c3b8d1804c284be9c198edb8af7f9d7 to your computer and use it in GitHub Desktop.
Save sasha240100/0c3b8d1804c284be9c198edb8af7f9d7 to your computer and use it in GitHub Desktop.
/**
* 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.woff");
}
/** Thin */
@font-face {
font-family: "San Francisco";
font-weight: 200;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff");
}
/** Regular */
@font-face {
font-family: "San Francisco";
font-weight: 400;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
/** Medium */
@font-face {
font-family: "San Francisco";
font-weight: 500;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}
/** Semi Bold */
@font-face {
font-family: "San Francisco";
font-weight: 600;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}
/** Bold */
@font-face {
font-family: "San Francisco";
font-weight: 700;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}
* {
font-family: "San Francisco"
}
// h1 { font-weight: 700; }
// h2 { font-weight: 600; }
// h3 { font-weight: 500; }
// p { font-weight: 400; }
// p.thin { font-weight: 200; }
// p.ultralight { font-weight: 100; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment