155 lines
4.5 KiB
SCSS
155 lines
4.5 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
|
|
|
|
$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;
|
|
}
|
|
}
|
|
}
|
|
}
|