Используя Less, я определяю семейства шрифтов следующим образом:
@georgia: georgia, times, 'times new roman', 'nimbus roman no9 l', serif;
Тогда у меня меньше примесей:
.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, ...;
Но сначала мне нужно зарегистрировать custom-font:
@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 для @font-face
, чтобы я мог передавать имя шрифта и путь, а также регистрировать шрифты, не повторяя весь этот код?
Я не уверен, как интегрировать это с моим миксином шрифтов ...
Или, если есть еще лучший способ сделать это ...
Спасибо, Мигель