// 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; } } } } $typo3: "now_alt"; $file3: "nowalt-bold-webfont"; $now_alt_bold: "now_alt_bold"; @mixin font-face($now_alt_bold, $file3, $typo3, $category:"") { $filepath: "../fonts/" + $typo3 + "/" + $file3; @font-face { font-family: "#{$now_alt_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#" + $now_alt_bold + "") format('svg'); } %#{$now_alt_bold} { font: { @if $category != "" { family: "#{$now_alt_bold}", #{$category}; weight: normal; } @else { family: "#{$now_alt_bold}"; weight: normal; } } } } $typo4: "now_alt"; $file4: "nowalt-light-webfont"; $now_alt_light: "now_alt_light"; @mixin font-face($now_alt_light, $file4, $typo4, $category:"") { $filepath: "../fonts/" + $typo4 + "/" + $file4; @font-face { font-family: "#{$now_alt_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#" + $now_alt_light + "") format('svg'); } %#{$now_alt_light} { font: { @if $category != "" { family: "#{$now_alt_light}", #{$category}; weight: normal; } @else { family: "#{$now_alt_light}"; weight: normal; } } } } $typo5: "now_alt"; $file5: "nowalt-medium-webfont"; $now_alt_medium: "now_alt_medium"; @mixin font-face($now_alt_medium, $file5, $typo5, $category:"") { $filepath: "../fonts/" + $typo5 + "/" + $file5; @font-face { font-family: "#{$now_alt_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#" + $now_alt_medium + "") format('svg'); } %#{$now_alt_medium} { font: { @if $category != "" { family: "#{$now_alt_medium}", #{$category}; weight: normal; } @else { family: "#{$now_alt_medium}"; weight: normal; } } } }