У меня шрифты оформлены в отдельный блок fonts. Каждый шрифт - задается как его модификатор. https://github.com/kompolom/constructor-blocks/tree/master/fonts
Мы подключаем или из stylus @import или в meta. У нас гугло фонты.
Когда-то давно я сделал специальный блок
i-font
https://github.com/alexbaumgertner/hunter-boat/tree/master/studioIDEI.blocks/i-fontПо мотивам доклада "Использование кастомных шрифтов" Ангелины @gela-d http://clubs.ya.ru/yasubbotnik/replies.xml?item_no=500 http://www.slideshare.net/yandex/minsk-sidortsova
Для использования блока его нужно примиксовать к блоку с текстом (не забудьте указать
i-font
в deps):Картинка побольше https://fotki.yandex.ru/next/users/alexbaumgertner/album/37187/view/614146
Вариант @alexbaumgertner — годный. Дополню, что использовать полученный блок можно примешивая его к тем блокам, которые хочется рендерить кастомным шрифтом. Еще важная деталь, что borschik умеет фризить шрифты, так что проблем с путями не будет.
У нас есть вот такой прототип библиотеки шрифтов наруже. https://github.com/voischev/bem-font Внутренняя библиотека содержит больше шрифтов.
Хочу рассказать про подключение шрифтов. Обычно достаточно что-то такого для блока page. Потому что не очень удобно миксовать к каждому элементу блок с шрифтом. Указание в репсах просто подтягивает нужные шрифты в проект. А дальше мы работаем с ними через CSS
Мы сделали шрифт, через элемент но это не принципиально. Через модификатор правильнее ;)