Custom webfonts
https://gist.githubusercontent.com/mfd/614e2e80a22b878bde63cb471cbe677e/raw/4996edf5eb9aea434e0cbdc81923fb110a29d060/sanfrancisco-font.css
<link rel="stylesheet prefetch" href="https://gist.githubusercontent.com/mfd/614e2e80a22b878bde63cb471cbe677e/raw/eef2aabfd0d588d43285431186a0cf70305ceb80/sanfrancisco-font.css">
| /** | |
| * http://applemusic.tumblr.com/ | |
| * https://jsfiddle.net/xq56dmrh/ | |
| */ | |
| /** 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"); | |
| } |