deb-python-xstatic-roboto-f.../css/mixins.scss
Michael Hodgins e27ca417f7 Correct src in second @font-face block (#29)
Extra forward slash and #{$variant} add an extra level of directory structure which doesn't match the actual directory structure or the other src urls.
2016-08-11 08:57:35 +02:00

33 lines
1.4 KiB
SCSS

$roboto-font-path: '../../../fonts' !default;
@mixin roboto-font($variant, $type, $weight, $style) {
$font-full-path: '#{$roboto-font-path}/#{$variant}/#{$variant}';
@font-face {
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');
font-weight: $weight;
font-style: $style;
}
@font-face {
font-family: '#{$variant}-#{$type}';
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');
}
}