// Font Family $font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; $font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; $font-family-mono: "Inconsolata", monospace; $font-family-serif: "Georgia", "Times", "Times New Roman", serif; // @font-face $typo: "aileron_regular"; $category: "sans-serif"; $file: "Aileron-Regular-webfont"; $Regular: "Regular"; @mixin font-face($Regular, $file, $typo, $category:"") { $filepath: "../fonts/" + $typo + "/" + $file; @font-face { font-family: "#{$Regular}"; src: url($filepath + ".eot"); src: url($filepath + ".eot?#iefix") format('embedded-opentype'), url($filepath + ".woff") format('woff'), url($filepath + ".ttf") format('truetype'), url($filepath + ".svg#" + $Regular + "") format('svg'); } %#{$Regular} { font: { @if $category != "" { family: "#{$Regular}", #{$category}; weight: normal; } @else { family: "#{$Regular}"; weight: normal; } } } } $typo2: "aileron_bold"; $file2: "Aileron-Bold-webfont"; $Bold: "bold"; @mixin font-face($Bold, $file2, $typo2, $category:"") { $filepath: "../fonts/" + $typo2 + "/" + $file2; @font-face { font-family: "#{$Bold}"; src: url($filepath + ".eot"); src: url($filepath + ".eot?#iefix") format('embedded-opentype'), url($filepath + ".woff") format('woff'), url($filepath + ".ttf") format('truetype'), url($filepath + ".svg#" + $Bold + "") format('svg'); } %#{$Bold} { font: { @if $category != "" { family: "#{$Bold}", #{$category}; weight: normal; } @else { family: "#{$Bold}"; weight: normal; } } } }