@KurtsKhalia

Как подключать шрифты в LESS?

https://gist.github.com/zhdanovartur/6121601
Нагуглил такую процедуру, но я как-то не разобрался, и не думаю, что разработчиками не предусмотрено подключение нестандартных шрифтов.
  • Вопрос задан
  • 7539 просмотров
Пригласить эксперта
Ответы на вопрос 2
@lenaShelest
Я для этого сделала примесь:
.font(@fontName; @urlName: @fontName; @weight: normal; @style: normal) {
  font-family: '@{fontName}';
  src: url('/fonts/@{urlName}/@{urlName}.eot');
  src: url('/fonts/@{urlName}/@{urlName}.eot#iefix') format('embedded-opentype'),
  url('/fonts/@{urlName}/@{urlName}.woff') format('woff'),
    url('/fonts/@{urlName}/@{urlName}.ttf') format('truetype'),
    url('/fonts/@{urlName}/@{urlName}.svg') format('svg');
    font-weight: @weight;
    font-style: @style;
}

Потом вызываю её:
@font-face {
  .font(@fontRegular);
}
@font-face {
  .font(@fontRegular; @fontBold; bold);
}

Предварительно задав переменные с необходимыми шрифтами:
@fontRegular: 'OpenSans';
@fontBold: '@{fontRegular}-Bold';

На выходе получаю готовый CSS =)
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/OpenSans/OpenSans.eot');
  src: url('/fonts/OpenSans/OpenSans.eot#iefix') format('embedded-opentype'), 
  url('/fonts/OpenSans/OpenSans.woff') format('woff'), 
  url('/fonts/OpenSans/OpenSans.ttf') format('truetype'), 
  url('/fonts/OpenSans/OpenSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/OpenSans-Bold/OpenSans-Bold.eot');
  src: url('/fonts/OpenSans-Bold/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
   url('/fonts/OpenSans-Bold/OpenSans-Bold.woff') format('woff'), 
  url('/fonts/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
   url('/fonts/OpenSans-Bold/OpenSans-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

Вот, собственно, и всё) Может кому будет полезно.
Ответ написан
nazarpc
@nazarpc
Open Source enthusiast
А они и не должны были предусматривать, это же обычный css, пишите как есть.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 февр. 2021, в 01:35
200000 руб./за проект
28 февр. 2021, в 00:22
2500 руб./за проект
27 февр. 2021, в 22:14
30000 руб./за проект