Использование Меньше Я определяю семейства шрифтов следующим образом:
@georgia: georgia, times, 'times new roman', 'nimbus roman no9 l', serif;
Тогда у меня меньше mixin:
.font(@family: arial, @size: 1.0em, @lineheight: 1.0, @weight: normal, @style: normal, @variant: normal) {
font: @style @variant @weight @size~"/"@lineheight @family;
} // font
Наконец, я использую его следующим образом:
p {
.font(@georgia, 1.0em, 1.5)
}
Но я также хотел бы определить семейства шрифтов с пользовательскими шрифтами:
@something: 'custom-font', arial, ...;
Но сначала мне нужно зарегистрировать специальный шрифт:
@font-face {
font-family: 'custom-font';
src:url('fonts/custom-font.eot');
src:url('fonts/custom-font.eot?#iefix') format('embedded-opentype'),
url('fonts/custom-font.woff') format('woff'),
url('fonts/custom-font.ttf') format('truetype'),
url('fonts/custom-font.svg#icon') format('svg');
font-weight: normal;
font-style: normal;
}
Возможно ли создать LESS mixin для @font-face
, чтобы я мог передавать имя и путь шрифта и регистрировать шрифты, не повторяя весь этот код?
Я не уверен, как интегрировать это с my mix mixin...
Или если есть даже лучший способ сделать это...
Спасибо, Miguel