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