63 lines
1.9 KiB
SCSS
63 lines
1.9 KiB
SCSS
// 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;
|
|
}
|
|
}
|
|
}
|
|
}
|