public/components/fonts/_webfonts.scss

/**
 * Workflow webfonts definitions.
 *
 * Extracted from https://github.com/guardian/guss-webfonts v2.1.1 for compatibility with lib-sass.
 */

$fonts-base-path: "/assets/components/fonts/";

@mixin gu-font-face($family, $filebase, $font-weight: 400, $font-style: normal) {
  $file-path: $fonts-base-path + $family + "/" + $filebase;

  @font-face {
    font-family: $family;
    src: url("#{$file-path}.eot"); // IE9 Compat Modes
    src: url("#{$file-path}.eot?#iefix") format("embedded-opentype"), // IE6-IE8
         url('#{$file-path}.woff2') format("woff2"), // Very Modern Browsers
         url("#{$file-path}.woff") format("woff"), // Modern Browsers
         url("#{$file-path}.ttf") format("truetype"), // Safari, Android, iOS
         url("#{$file-path}.svg#GuardianAgateSans1Web") format("svg"); // Legacy iOS

    font-weight: $font-weight;
    font-style: $font-style;
    font-stretch: normal;
  }
}


// GuardianAgateSans1Web
@include gu-font-face("GuardianAgateSans1Web", "GuardianAgateSans1Web-Regular");
@include gu-font-face("GuardianAgateSans1Web", "GuardianAgateSans1Web-RegularItalic", 400, italic);
@include gu-font-face("GuardianAgateSans1Web", "GuardianAgateSans1Web-Bold", 700);
@include gu-font-face("GuardianAgateSans1Web", "GuardianAgateSans1Web-BoldItalic", 700, italic);

// GuardianTitlepieceWeb
@include gu-font-face("GuardianTitlepieceWeb", "GuardianTitlepieceWeb-Regular");

// @TODO: Remove this when we get rid of bootstrap
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/assets/components/fonts/glyphicons-halflings-regular.eot");
  src: url("/assets/components/fonts/glyphicons-halflings-regular.eot?#iefix") format('embedded-opentype'),
  url("/assets/components/fonts/68ed1dac06bf0409c18ae7bc62889170.woff") format('woff'),
  url("/assets/components/fonts/glyphicons-halflings-regular.ttf") format('truetype'),
  url("/assets/components/fonts/glyphicons-halflings-regular.svg") format('svg');
}