Skip to content

Instantly share code, notes, and snippets.

@netzgestaltung

netzgestaltung/OpenSans.css

Forked from sbp/OpenSans.css
Last active August 30, 2023 05:08
Show Gist options
  • Save netzgestaltung/aafa16fce1523f47b976b9a73955c2ff to your computer and use it in GitHub Desktop.
Save netzgestaltung/aafa16fce1523f47b976b9a73955c2ff to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. netzgestaltung revised this gist Apr 9, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -8,11 +8,11 @@
    * add the CSS on top of you stylesheet and edit the paths to the current version and relative path of your themes font directory
    *
    * @Usage
    * add "font-family: 'Open Sans';" everywhere you want the font.
    * add "font-family:'Open Sans';" everywhere you want the font.
    * you don't need to care about the font-style in the name.
    * instead use:
    * "font-weight:bold;"
    * "font-style:italic;
    * "font-style:italic;"
    * and so on
    * as with a non-webfont
    */
  2. netzgestaltung revised this gist Apr 9, 2020. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,13 @@
    /**
    * CSS for Open Sans
    * =================
    * Download Open Sans:
    * @Install
    * https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin
    * use modern browser option and subsets you need
    * download fonts and upload to your themes font directory
    * add the CSS on top of you stylesheet and edit the paths to the current version and relative path of your themes font directory
    *
    * @Usage
    * add "font-family: 'Open Sans';" everywhere you want the font.
    * you don't need to care about the font-style in the name.
    * instead use:
  3. netzgestaltung revised this gist Apr 9, 2020. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -6,6 +6,13 @@
    * use modern browser option and subsets you need
    * download fonts and upload to your themes font directory
    * add the CSS on top of you stylesheet and edit the paths to the current version and relative path of your themes font directory
    * add "font-family: 'Open Sans';" everywhere you want the font.
    * you don't need to care about the font-style in the name.
    * instead use:
    * "font-weight:bold;"
    * "font-style:italic;
    * and so on
    * as with a non-webfont
    */
    /* open-sans-300 - latin */
    @font-face{
  4. netzgestaltung revised this gist Apr 9, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    * https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin
    * use modern browser option and subsets you need
    * download fonts and upload to your themes font directory
    * add the CSS on top of you stylesheet and edit the paths to the current version and realtive path of your themes font directory
    * add the CSS on top of you stylesheet and edit the paths to the current version and relative path of your themes font directory
    */
    /* open-sans-300 - latin */
    @font-face{
  5. netzgestaltung revised this gist Apr 9, 2020. 1 changed file with 9 additions and 1 deletion.
    10 changes: 9 additions & 1 deletion OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,12 @@

    /**
    * CSS for Open Sans
    * =================
    * Download Open Sans:
    * https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin
    * use modern browser option and subsets you need
    * download fonts and upload to your themes font directory
    * add the CSS on top of you stylesheet and edit the paths to the current version and realtive path of your themes font directory
    */
    /* open-sans-300 - latin */
    @font-face{
    font-family: 'Open Sans';
  6. netzgestaltung revised this gist Mar 4, 2020. 1 changed file with 55 additions and 17 deletions.
    72 changes: 55 additions & 17 deletions OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,26 +1,64 @@
    @font-face {

    /* open-sans-300 - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* open-sans-300italic - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('Open-Sans-Italic'),
    url('OpenSans-Italic.woff') format('woff'),
    url('OpenSans-Italic.ttf') format('truetype');
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
    url('../fonts/open-sans/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

    @font-face {
    /* open-sans-regular - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('Open-Sans-Bold'),
    url('OpenSans-Bold.woff') format('woff'),
    url('OpenSans-Bold.ttf') format('truetype');
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

    @font-face {
    /* open-sans-italic - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Regular'), local('Open-Sans-Regular'),
    url('OpenSans-Regular.woff') format('woff'),
    url('OpenSans-Regular.ttf') format('truetype');
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/open-sans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* open-sans-600 - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/open-sans/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* open-sans-600italic - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
    url('../fonts/open-sans/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* open-sans-700 - latin */
    @font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
  7. @sbp sbp created this gist Aug 1, 2011.
    26 changes: 26 additions & 0 deletions OpenSans.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('Open-Sans-Italic'),
    url('OpenSans-Italic.woff') format('woff'),
    url('OpenSans-Italic.ttf') format('truetype');
    }

    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('Open-Sans-Bold'),
    url('OpenSans-Bold.woff') format('woff'),
    url('OpenSans-Bold.ttf') format('truetype');
    }

    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('Open-Sans-Regular'),
    url('OpenSans-Regular.woff') format('woff'),
    url('OpenSans-Regular.ttf') format('truetype');
    }