// Default font path without trailing slash, override at will $fontpath: “/fonts” !default;

// ## Web font wrapper // // $family is the font name, $filename is the font filename minus extension. // Include this in the top level. // // Example: // // @mixin webfont(“MuseoSans”, “museosans”); @mixin webfont($family, $filename) {

@font-face {
    font-family: '#{$family}';
    src: url('#{$fontpath}/#{$filename}.eot'); // IE9 Compat Modes
    src: url('#{$fontpath}/#{$filename}.eot?iefix') format('eot'), // IE6-IE8
         url('#{$fontpath}/#{$filename}.woff') format('woff'), // Modern Browsers
         url('#{$fontpath}/#{$filename}.ttf')  format('truetype'), // Safari, Android, iOS
         url('#{$fontpath}/#{$filename}.svg#svgFontName') format('svg'); // Legacy iOS
}

}