2016-06-08 15:15:07 +05:30
|
|
|
$roboto-font-path: '../../../fonts' !default;
|
2016-02-27 13:25:07 +01:00
|
|
|
|
2016-06-08 15:15:07 +05:30
|
|
|
@mixin roboto-font($variant, $type, $weight, $style) {
|
2016-06-08 11:47:51 +02:00
|
|
|
|
2016-06-08 15:15:07 +05:30
|
|
|
$font-full-path: '#{$roboto-font-path}/#{$variant}/#{$variant}';
|
2016-06-08 11:47:51 +02:00
|
|
|
|
2016-02-27 13:25:07 +01:00
|
|
|
@font-face {
|
2016-06-08 15:15:07 +05:30
|
|
|
font-family: '#{$variant}';
|
|
|
|
src: url('#{$font-full-path}-#{$type}.eot');
|
|
|
|
src: local('#{$variant} #{$type}'),
|
|
|
|
local('#{$variant}-#{$type}'),
|
|
|
|
url('#{$font-full-path}-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
|
|
url('#{$font-full-path}-#{$type}.woff2') format('woff2'),
|
|
|
|
url('#{$font-full-path}-#{$type}.woff') format('woff'),
|
|
|
|
url('#{$font-full-path}-#{$type}.ttf') format('truetype'),
|
|
|
|
url('#{$font-full-path}-#{$type}.svg##{$variant}') format('svg');
|
2016-02-27 13:25:07 +01:00
|
|
|
font-weight: $weight;
|
|
|
|
font-style: $style;
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
2016-06-08 15:15:07 +05:30
|
|
|
font-family: '#{$variant}-#{$type}';
|
2016-08-11 07:57:35 +01:00
|
|
|
src: url('#{$font-full-path}-#{$type}.eot');
|
2016-06-08 15:15:07 +05:30
|
|
|
src: local('#{$variant} #{$type}'),
|
|
|
|
local('#{$variant}-#{$type}'),
|
|
|
|
url('#{$font-full-path}-#{$type}.eot?#iefix') format('embedded-opentype'),
|
|
|
|
url('#{$font-full-path}-#{$type}.woff2') format('woff2'),
|
|
|
|
url('#{$font-full-path}-#{$type}.woff') format('woff'),
|
|
|
|
url('#{$font-full-path}-#{$type}.ttf') format('truetype'),
|
|
|
|
url('#{$font-full-path}-#{$type}.svg##{$variant}') format('svg');
|
2016-02-27 13:25:07 +01:00
|
|
|
}
|
|
|
|
}
|