Skip to content

Instantly share code, notes, and snippets.

@ibakhtin

ibakhtin/sanfrancisco-font.css

Forked from jukbot/sanfrancisco-font.css
Created December 14, 2018 20:39
Show Gist options
  • Save ibakhtin/43c0bd7a1f0589c63090c15280b5ef31 to your computer and use it in GitHub Desktop.
Save ibakhtin/43c0bd7a1f0589c63090c15280b5ef31 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @bivainis bivainis revised this gist Oct 8, 2015. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -16,6 +16,13 @@
    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";
  2. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    /** Thin */
    @@ -20,19 +20,19 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
    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("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
    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("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    }
  3. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 5 additions and 5 deletions.
    10 changes: 5 additions & 5 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -2,35 +2,35 @@
    * http://applemusic.tumblr.com/
    */

    // Ultra Light
    /** Ultra Light */
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    // Thin
    /** 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");
    }

    // Medium
    /** Medium */
    @font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
    }

    // Semi Bold
    /** Semi Bold */
    @font-face {
    font-family: "San Francisco";
    font-weight: 500;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
    }

    // Bold
    /** Bold */
    @font-face {
    font-family: "San Francisco";
    font-weight: bold;
  4. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    // Thin
    @@ -20,19 +20,19 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
    src: url("http://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");
    src: url("http://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");
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    }
  5. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    // Thin
    @@ -20,19 +20,19 @@
    @font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
    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("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
    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("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    }
  6. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,7 @@
    /**
    * http://applemusic.tumblr.com/
    */

    // Ultra Light
    @font-face {
    font-family: "San Francisco";
  7. @AndrewBarba AndrewBarba revised this gist Jun 30, 2015. 1 changed file with 6 additions and 6 deletions.
    12 changes: 6 additions & 6 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,15 @@
    // Thin
    // Ultra Light
    @font-face {
    font-family: "San Francisco";
    font-weight: 200;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2");
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    // Ultra Light
    // Thin
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    font-weight: 200;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2");
    }

    // Medium
  8. @AndrewBarba AndrewBarba created this gist Jun 30, 2015.
    34 changes: 34 additions & 0 deletions sanfrancisco-font.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,34 @@
    // 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");
    }

    // Ultra Light
    @font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
    }

    // Medium
    @font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("http://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("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
    }

    // Bold
    @font-face {
    font-family: "San Francisco";
    font-weight: bold;
    src: url("http://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
    }