// 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 // leaguegothic $Regular-L: "leaguegothic-regular-webfont"; $family-L: "League_gothic"; $file-L_R: "leaguegothic-regular-webfont"; $category: "sans-serif"; @mixin font-face($Regular-L, $file-L_R, $family-L, $category:"") { $filepath: "../fonts/" + $family-L + "/" + $file-L_R; @font-face { font-family: "#{$Regular-L}"; 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-L + "") format('svg'); } %#{$Regular-L} { font: { @if $category != "" { family: "#{$Regular-L}", #{$category}; } @else { family: "#{$Regular-L}"; weight: normal; } } } } //roboto $Roboto-L: "Roboto-Light"; $family-R: "roboto"; $file-R_L: "Roboto-Light-webfont"; @mixin font-face($Roboto-L, $file-R_L, $family-R, $category:"") { $filepath: "../fonts/" + $family-R + "/" + $file-R_L; @font-face { font-family: "#{$Roboto-L}"; 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#" + $Roboto-L + "") format('svg'); } %#{$Roboto-L} { font: { @if $category != "" { family: "#{$Roboto-L}", #{$category}; } @else { family: "#{$Roboto-L}"; weight: normal; } } } } $Roboto-R: "Roboto-Regular"; $family-R: "roboto"; $file-R_R: "Roboto-Regular-webfont"; @mixin font-face($Roboto-R, $file-R_R, $family-R, $category:"") { $filepath: "../fonts/" + $family-R + "/" + $file-R_R; @font-face { font-family: "#{$Roboto-R}"; 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#" + $Roboto-R + "") format('svg'); } %#{$Roboto-R} { font: { @if $category != "" { family: "#{$Roboto-R}", #{$category}; } @else { family: "#{$Roboto-R}"; weight: normal; } } } } //roboto $Roboto-M: "Roboto-Meduim"; $file-R_M: "Roboto-Meduim-webfont"; @mixin font-face($Roboto-M, $file-R_M, $family-R, $category:"") { $filepath: "../fonts/" + $family-R + "/" + $file-R_M; @font-face { font-family: "#{$Roboto-M}"; 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#" + $Roboto-M + "") format('svg'); } %#{$Roboto-M} { font: { @if $category != "" { family: "#{$Roboto-M}", #{$category}; } @else { family: "#{$Roboto-M}"; weight: normal; } } } } $Roboto-B: "Roboto-Bold"; $file-R_B: "Roboto-Bold-webfont"; @mixin font-face($Roboto-B, $file-R_B, $family-R, $category:"") { $filepath: "../fonts/" + $family-R + "/" + $file-R_B; @font-face { font-family: "#{$Roboto-B}"; 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#" + $Roboto-B + "") format('svg'); } %#{$Roboto-B} { font: { @if $category != "" { family: "#{$Roboto-B}", #{$category}; } @else { family: "#{$Roboto-B}"; weight: normal; } } } } $Roboto-I: "Roboto-Italic"; $file-R_I: "Roboto-Italic-webfont"; @mixin font-face($Roboto-I, $file-R_I, $family-R, $category:"") { $filepath: "../fonts/" + $family-R + "/" + $file-R_I; @font-face { font-family: "#{$Roboto-I}"; 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#" + $Roboto-I + "") format('svg'); } %#{$Roboto-I} { font: { @if $category != "" { family: "#{$Roboto-I}", #{$category}; } @else { family: "#{$Roboto-I}"; weight: normal; } } } }