// 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; $icons: "FontAwesome"; // @font-face $Regular: "Montserrat-Regular"; $family: "Montserrat/webfonts"; $file-regular: "Montserrat-Regular"; $category: "sans-serif"; @mixin Montserrat-Regular($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; } } } } $light: "Montserrat-Light"; $family: "Montserrat/webfonts"; $file-light: "Montserrat-Light"; $category: "sans-serif"; @mixin Montserrat-light($light, $file-light, $family, $category:"") { $filepath: "../fonts/" + $family + "/" + $file-light; @font-face { font-family: "#{$light}"; 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#" + $light + "") format('svg'); } %#{$light} { font: { @if $category != "" { family: "#{$light}", #{$category}; } @else { family: "#{$light}"; weight: normal; } } } } // font-size $font16: 1rem; $font18: 1.134rem; $font21: 1.323rem; $font24: 1.512rem; $font36: 2.268rem; $font48: 3.024rem; // $fonth1: 2rem; // $fonth2: 1.5rem; // $fonth3: 1rem; // $fontp: 1rem;