38 lines
1.5 KiB
SCSS
38 lines
1.5 KiB
SCSS
@charset "UTF-8";
|
|
|
|
$font-path: '../xstatic/fonts' !default;
|
|
|
|
@mixin font($type, $weight) {
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('#{$font-path}/#{$type}/OpenSans-#{$type}.woff2') format('woff2'),
|
|
url('#{$font-path}/#{$type}/OpenSans-#{$type}.woff') format('woff'),
|
|
url('#{$font-path}/#{$type}/OpenSans-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$font-path}/#{$type}/OpenSans-#{$type}.ttf?#iefix') format('truetype');
|
|
font-weight: $weight;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
@if $type == Regular { // not RegularItalic
|
|
src: url('#{$font-path}/Italic/OpenSans-Italic.woff2') format('woff2'),
|
|
url('#{$font-path}/Italic/OpenSans-Italic.woff') format('woff'),
|
|
url('#{$font-path}/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$font-path}/Italic/OpenSans-Italic.ttf?#iefix') format('truetype');
|
|
} @else {
|
|
src: url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.woff2') format('woff2'),
|
|
url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.woff') format('woff'),
|
|
url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$font-path}/#{$type}Italic/OpenSans-#{$type}Italic.ttf?#iefix') format('truetype');
|
|
}
|
|
font-weight: $weight;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
@include font('Light', 300);
|
|
@include font('Regular', 400);
|
|
@include font('Semibold', 600);
|
|
@include font('Bold', 700);
|
|
@include font('ExtraBold', 800);
|