|
1 |
$josefinsans-font-path: '../xstatic/fonts' !default;
|
|
2 |
|
|
3 |
@mixin josefinsans-font($type, $weight, $style: normal) {
|
|
4 |
@font-face {
|
|
5 |
font-family: 'Josefin Sans';
|
|
6 |
src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot');
|
|
7 |
src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
8 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff2') format('woff2'),
|
|
9 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff') format('woff'),
|
|
10 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.ttf') format('truetype'),
|
|
11 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.svg#JosefinSans') format('svg');
|
|
12 |
font-weight: $weight;
|
|
13 |
font-style: $style;
|
|
14 |
}
|
|
15 |
|
|
16 |
@font-face {
|
|
17 |
font-family: 'JosefinSans-#{$type}';
|
|
18 |
src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot');
|
|
19 |
src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
20 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff2') format('woff2'),
|
|
21 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff') format('woff'),
|
|
22 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.ttf') format('truetype'),
|
|
23 |
url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.svg#JosefinSans') format('svg');
|
|
24 |
}
|
|
25 |
}
|
|
26 |
|
|
27 |
@mixin josefinsans-font-pair($type, $weight) {
|
|
28 |
@include josefinsans-font($type, $weight);
|
|
29 |
@if $type == Regular {
|
|
30 |
@include josefinsans-font(Regular, $weight, normal);
|
|
31 |
} @else {
|
|
32 |
@include josefinsans-font(#{$type}Italic, $weight, italic);
|
|
33 |
}
|
|
34 |
}
|
|
35 |
|
|
36 |
@include josefinsans-font-pair('Thin', 200);
|
|
37 |
@include josefinsans-font-pair('Light', 300);
|
|
38 |
@include josefinsans-font-pair('Regular', 400);
|
|
39 |
@include josefinsans-font-pair('SemiBold', 600);
|
|
40 |
@include josefinsans-font-pair('Bold', 700);
|
0 |
|
-
|