]>
Commit | Line | Data |
---|---|---|
1 | $FontPathSourceSansPro: '~npm-font-source-sans-pro/fonts'; | |
2 | $basePath: '#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro'; | |
3 | ||
4 | @mixin fontface($name, $path, $weight: null, $style: null, $exts: woff2) { | |
5 | $src: null; | |
6 | @each $ext in $exts { | |
7 | $src: append($src, url(quote($path + "." + $ext)) format(quote($ext)), comma); | |
8 | } | |
9 | @font-face { | |
10 | font-family: quote($name); | |
11 | font-weight: $weight; | |
12 | font-style: $style; | |
13 | font-stretch: normal; | |
14 | font-display: swap; | |
15 | src: $src; | |
16 | } | |
17 | } | |
18 | ||
19 | @include fontface('Source Sans Pro', '#{$basePath}-Regular.ttf', 400, normal); | |
20 | @include fontface('Source Sans Pro', '#{$basePath}-It.ttf', 400, italic); | |
21 | @include fontface('Source Sans Pro', '#{$basePath}-Semibold.ttf', 600, normal); | |
22 | @include fontface('Source Sans Pro', '#{$basePath}-SemiboldIt.ttf', 600, italic); | |
23 | @include fontface('Source Sans Pro', '#{$basePath}-Bold.ttf', 700, normal); |