// _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; }