Scroll

Как добавить шрифт из сервиса Google Fonts в шаблон HTML Moto CMS

Важно: Из-за некоторых нюансов, которые не зависят от нас, мы не можем гарантировать на 100%, что все шрифты из сервиса Google Fonts можно будет добавить в мобильную версию шаблона Flash Moto CMS или в шаблоны HTML Moto CMS. Такое может случиться, но вероятность данного события крайне мала.

 Как вы можете знать, не все шрифты из сервиса Google Fonts доступны для использования в шаблонах HTML Moto CMS или в мобильной версии шаблона Flash Moto CMS. С помощью данного руководства мы постараемся помочь изменить данное положение дел.

Прежде всего, нужно найти подходящий шрифт вот тут http://www.google.com/fonts/.

Затем скачать его к себе на ПК. Для этого нужно нажать кнопку "Add to Collection" (это позволит добавить шрифт в коллекцию, т.к. для удобства работа сервиса построена так, чтобы можно было скачать несколько шрифтов одновременно, а не по одному), а затем кнопку "Download" (это приведет к скачиванию всех шрифтов, добавленных в коллекцию). В результате откроется вот такое окно, на котором нужно будет нажать на ".zip file" в первой строке. После этого начнется скачивание файла

При распаковывании архива будут получены файлы формата *.ttf. После этого нужно запустить сервис "Online Font Creator" В нем можно будет нажав на кнопку "Add Font", выбрать скачанный из сервиса Google Fonts шрифт и нажать снизу на кнопку "Create Fonts".

Начнется процесс компиляции. По завершению процесса будет предложено скачать результат работы при помощи кнопки "Download".

Далее нужно скачать архив и распаковать его. Полученный swf-файл нужно загрузить на Ваш сервер в папку /fonts. Затем Вам нужно открыть файл для редактирования /xml/fonts.xml (мы рекомендуем использовать текстовый редактор NotePad ++). Там Вам нужно найти код любого шрифта, например:

<font enabled="true" isGoogle="true" regular="true" bold="true" italic="false" boldItalic="false">
    <name><![CDATA[Play]]></name>
    <file>Play.swf</file>
    <characters>Cyrillic, Cyrillic-extended, Greek, Greek-extended, Latin, Latin-extended</characters>
  </font>

Скопируйте этот код и вставьте в конце файла перед тегом </motoFonts>. Теперь у Вас один в файле два одинаковых кода. Вам нужно переименовать последний что бы он соответствовал названию нового файла шрифта. Для этого, Вам надо заменить эту строчку

<name><![CDATA[Play]]></name>

на

<name><![CDATA[название_вашего_шрифта]]></name> 

(например: <name><![CDATA[AlegreyaSans]></name> )

и эту строчку

<file>Play.swf</file>

надо заменить на 

<file>yourfontname.swf</file>

(например: <file>AlegreyaSans.swf</file> )

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 2 из 2
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk