24 lines
1.0 KiB
SCSS
24 lines
1.0 KiB
SCSS
|
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
||
|
|
|
||
|
|
@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
|
||
|
|
@font-face {
|
||
|
|
font-family: $font-family;
|
||
|
|
font-weight: $weight;
|
||
|
|
font-style: $style;
|
||
|
|
|
||
|
|
@if $asset-pipeline == true {
|
||
|
|
src: font-url('#{$file-path}.eot');
|
||
|
|
src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
||
|
|
font-url('#{$file-path}.woff') format('woff'),
|
||
|
|
font-url('#{$file-path}.ttf') format('truetype'),
|
||
|
|
font-url('#{$file-path}.svg##{$font-family}') format('svg');
|
||
|
|
} @else {
|
||
|
|
src: url('#{$file-path}.eot');
|
||
|
|
src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
||
|
|
url('#{$file-path}.woff') format('woff'),
|
||
|
|
url('#{$file-path}.ttf') format('truetype'),
|
||
|
|
url('#{$file-path}.svg##{$font-family}') format('svg');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|