// font-weight helper: // 100 Extra Light or Ultra Light; // 200 Light or Thin; 300 Book or Demi; // 400 Regular or Normal; // 500 Medium; // 600 Semibold or Demibold; // 700 Bold; // 800 Black or Extra Bold or Heavy; // 900 Extra Black or Fat or Ultra Black @mixin font($f-name, $f-style, $f-weight, $f-url){ @font-face{ font-family: $f-name; font-style: $f-style; font-weight: $f-weight; src: url($f-url) format('woff'); } } @include font('Circe', normal, 100, '../fonts/Circe-Thin.woff'); @include font('Circe', normal, 200, '../fonts/Circe-ExtraLight.woff'); @include font('Circe', normal, 300, '../fonts/Circe-Light.woff'); @include font('Circe', normal, 400, '../fonts/Circe-Regular.woff'); @include font('Circe', normal, bold, '../fonts/Circe-Bold.woff'); @include font('Circe', normal, 800, '../fonts/Circe-ExtraBold.woff');