Как русифицировать шаблон от yootheme
Меню

Как русифицировать шаблон от yootheme

Шаблоны содержат отличный редактор цсс, который почему-то не позволяет добавлять кастомные шрифты. Есть огромный выбор шрифтов из гуглфонтс, но среди них нет кириллических.

Итак, идем по пути:
/имя шаблона/less/customizer.json
и добавляем кусок кода вида:

«Custom Fonts»: [
{«name»: «Myriad Set Pro», «value»: «Myriad Set Pro»}
],

после этого в меню появится возможность выбирать шрифт мирьяд.
Далле идем имя темы/css/custom.css
и дописываем в этот файл

@font-face {
font-family:’Myriad Set Pro';
src:url(«/fonts/myriad-set-pro_thin.woff») format(«woff»), url(«/fonts/myriad-set-pro_thin.ttf») format(«truetype»);
*src:url(»);
/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
font-family:’Myriad Set Pro';
src:url(«/fonts/myriad-set-pro_text.woff») format(«woff»), url(«/fonts/myriad-set-pro_text.ttf») format(«truetype»);
*src:url(»);
/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

_______________________________________
Возможно, вверху ошибка — нужно в кастом цсс нужно писать:

@font-face {
font-family: Myriad Set Pro;
src:url(“/fonts/myriad-set-pro_thin.woff”) format(“woff”), url(“/fonts/myriad-set-pro_thin.ttf”) format(“truetype”);
*src:url(”);
}

@font-face {
font-family: Myriad Set Pro;
src:url(“/fonts/myriad-set-pro_text.woff”) format(“woff”), url(“/fonts/myriad-set-pro_text.ttf”) format(“truetype”);
*src:url(”);
}

после этого закидываем на хостинг файлы шрифтов. В моем случае по адресу /fonts/

————-
Заходим в визуализатор,
В base->text transform Capitalize меняем на normal

Trackback с этого сайта.

Оставить комментарий