// 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 $Regular: "Montserrat-Regular"; $family: "montserrat"; $file-regular: "Montserrat-Regular"; $category: "sans-serif"; @mixin font-face($Regular, $file-regular, $family, $category:"") { $filepath: "../fonts/" + $family + "/" + $file-regular; @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}; } @else { family: "#{$Regular}"; weight: normal; } } } } $Medium: "Montserrat-medium"; $file-Medium: "Montserrat-Medium"; @mixin font-face($Medium, $file-Medium, $family, $category:"") { $filepath: "../fonts/" + $family + "/" + $file-Medium; @font-face { font-family: "#{$Medium}"; 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#" + $Medium + "") format('svg'); } %#{$Medium} { font: { @if $category != "" { family: "#{$Medium}", #{$category}; } @else { family: "#{$Medium}"; weight: normal; } } } }