35 lines
1.5 KiB
SCSS
35 lines
1.5 KiB
SCSS
$roboto-font-path: '../fonts' !default;
|
|
|
|
@mixin roboto-font($type, $weight, $style) {
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot');
|
|
src: local('Roboto #{$type}'),
|
|
local('Roboto-#{$type}'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.woff2') format('woff2'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.woff') format('woff'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.ttf') format('truetype'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.svg#Roboto') format('svg');
|
|
font-weight: $weight;
|
|
font-style: $style;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Roboto-#{$type}';
|
|
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot');
|
|
src: local('Roboto #{$type}'),
|
|
local('Roboto-#{$type}'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.woff2') format('woff2'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.woff') format('woff'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.ttf') format('truetype'),
|
|
url('#{$roboto-font-path}/Roboto-#{$type}.svg#Roboto') format('svg');
|
|
}
|
|
}
|
|
|
|
@mixin roboto-font-pair($type, $weight) {
|
|
@include roboto-font($type, $weight, normal);
|
|
@include roboto-font(#{$type}Italic, $weight, italic);
|
|
}
|