chloro/phyll/static/css/_opensans.scss

   1 @charset "UTF-8";
   2
   3 $font-path: '../xstatic/fonts' !default;
   4
   5 @mixin font($type, $weight) {
   6         @font-face {
   7                 font-family: 'Open Sans';
   8                 src: url('#{$font-path}/#{$type}/OpenSans-#{$type}.woff2') format('woff2'),
   9                      url('#{$font-path}/#{$type}/OpenSans-#{$type}.woff') format('woff'),
  10                      url('#{$font-path}/#{$type}/OpenSans-#{$type}.eot?#iefix') format('embedded-opentype'),
  11                      url('#{$font-path}/#{$type}/OpenSans-#{$type}.ttf?#iefix') format('truetype');
  12                 font-weight: $weight;
  13                 font-style: normal;
  14         }
  15         @font-face {
  16                 font-family: 'Open Sans';
  17                 @if $type == Regular {  // not RegularItalic
  18                         src: url('#{$font-path}/Italic/OpenSans-Italic.woff2') format('woff2'),
  19                              url('#{$font-path}/Italic/OpenSans-Italic.woff') format('woff'),
  20                              url('#{$font-path}/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
  21                              url('#{$font-path}/Italic/OpenSans-Italic.ttf?#iefix') format('truetype');
  22                 } @else {
  23                         src: url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.woff2') format('woff2'),
  24                              url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.woff') format('woff'),
  25                              url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.eot?#iefix') format('embedded-opentype'),
  26                              url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.ttf?#iefix') format('truetype');
  27                 }
  28                 font-weight: $weight;
  29                 font-style: italic;
  30         }
  31 }
  32
  33 @include font('Light', 300);
  34 @include font('Regular', 400);
  35 @include font('Semibold', 600);
  36 @include font('Bold', 700);
  37 @include font('ExtraBold', 800);