66 lines
2.0 KiB
SCSS
Raw Normal View History

2019-04-03 15:29:46 +02:00
// 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;
}
}
}
}