146 lines
4.3 KiB
SCSS
146 lines
4.3 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
|
|
|
|
$lato: "lato";
|
|
$family: "lato";
|
|
$file-regular: "Lato-Regular";
|
|
$category: "sans-serif";
|
|
|
|
@mixin font-face($lato, $file-regular, $family, $category:"") {
|
|
$filepath: "../fonts/" + $family + "/" + $file-regular;
|
|
@font-face {
|
|
font-family: "#{$lato}";
|
|
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#" + $lato + "") format('svg');
|
|
}
|
|
|
|
%#{$lato} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$lato}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$lato}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$syne: "syne";
|
|
$family-bold: "syne";
|
|
$file-bold: "Syne-Bold";
|
|
|
|
@mixin font-face($syne, $file-bold, $family-bold, $category:"") {
|
|
$filepath: "../fonts/" + $family-bold + "/" + $file-bold;
|
|
@font-face {
|
|
font-family: "#{$syne}";
|
|
src: url($filepath + ".eot");
|
|
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
|
url($filepath + ".woff") format('woff'),
|
|
}
|
|
|
|
%#{$syne} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$syne}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$syne}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$avara: "Avara";
|
|
$family-bold-italic: "avara";
|
|
$file-bold-italic: "Avara-Bold_Italic_web";
|
|
|
|
@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
|
|
$filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
|
|
@font-face {
|
|
font-family: "#{$avara}";
|
|
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#" + $avara + "") format('svg');
|
|
}
|
|
|
|
%#{$avara} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$avara}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$avara}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$playfair: "playfairdisplay-regularitalic";
|
|
$family-italic: "playfair";
|
|
$file-italic: "playfairdisplay-regularitalic";
|
|
|
|
@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
|
|
$filepath: "../fonts/" + $family-italic + "/" + $file-italic;
|
|
@font-face {
|
|
font-family: "#{$playfair}";
|
|
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#" + $playfair + "") format('svg');
|
|
}
|
|
|
|
%#{$playfair} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$playfair}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$playfair}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$moche: "Moche-Bold";
|
|
$family-regular2: "moche";
|
|
$file-regular2: "Moche-Bold";
|
|
|
|
@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
|
|
$filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
|
|
@font-face {
|
|
font-family: "#{$moche}";
|
|
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#" + $moche + "") format('svg');
|
|
}
|
|
|
|
%#{$moche} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$moche}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$moche}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|