2016-06-08 15:15:07 +05:30
|
|
|
@roboto-font-path: '../../../fonts';
|
2016-02-27 13:25:07 +01:00
|
|
|
|
2016-06-08 15:15:07 +05:30
|
|
|
.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}';
|
|
|
|
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
|
|
|
}
|
|
|
|
}
|