25 lines
1.2 KiB
SCSS
25 lines
1.2 KiB
SCSS
@mixin font-face($family, $local1, $local2, $rpath, $weight: normal, $style: normal) {
|
|
$path: "#{$rpath}";
|
|
|
|
@font-face {
|
|
font-family: $family;
|
|
font-weight: $weight;
|
|
font-style: $style;
|
|
src: url("#{$path}.eot");
|
|
src: local($local1), local($local2), url("#{$path}.eot?#iefix") format("embedded-opentype"), url("#{$path}.woff") format("woff"), url("#{$path}.ttf") format("truetype"), url("#{$path}.svg") format("svg");
|
|
}
|
|
}
|
|
|
|
@mixin font-face-normal($family, $local1, $local2, $rpath, $weight: normal, $style: normal) {
|
|
$path: "#{$rpath}";
|
|
|
|
@font-face {
|
|
font-family: $family;
|
|
src: url("#{$path}.eot");
|
|
src: local($local1), local($local2), url("#{$path}.eot?#iefix") format("embedded-opentype"), url("#{$path}.woff") format("woff"), url("#{$path}.ttf") format("truetype"), url("#{$path}.svg") format("svg");
|
|
}
|
|
}
|
|
|
|
@include font-face-normal("CinzelDecorative", "CinzelDecorative", "CinzelDecorative-Regular", "CinzelDecorative/CinzelDecorative-Regular");
|
|
@include font-face("CinzelDecorative", "CinzelDecorative Bold", "CinzelDecorative-Bold", "CinzelDecorative/CinzelDecorative-Bold", 700);
|
|
@include font-face("CinzelDecorative", "CinzelDecorative Black", "CinzelDecorative-Black", "CinzelDecorative/CinzelDecorative-Black", 900);
|