keyrune/sass/_typography.scss

// _typography.scss

/** Keyrune Font-Family =========================
 * | Concatenation is purely for readability purposes.
 * |
 * | TODO: Might come back and create a function to fetch font formats from an array. benefit is shorter syntax.
 */
@font-face {
  font-family: "#{$keyrune_font_face}";
  src:url( '#{$global_font_path}' + '/keyrune.eot?v=' + '#{$keyrune_version}' );
  src:url( '#{$global_font_path}' + '/keyrune.eot?#iefix&v=' + '#{$keyrune_version}' ) format( 'embedded-opentype' ),
      url( '#{$global_font_path}' + '/keyrune.woff2?v=' + '#{$keyrune_version}' ) format( 'woff2' ),
      url( '#{$global_font_path}' + '/keyrune.woff?v=' + '#{$keyrune_version}' ) format( 'woff' ),
      url( '#{$global_font_path}' + '/keyrune.ttf?v=' + '#{$keyrune_version}' ) format( 'truetype' ),
      url( '#{$global_font_path}' + '/keyrune.svg?v=' + '#{$keyrune_version}' + '#keyrune' ) format( 'svg' );
  font-weight: $keyrune_font_weight;
  font-style: $keyrune_font_style;
}