Scroll

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

ВАЖНО: Из-за некоторых нюансов, которые не зависят от нас, мы не можем гарантировать на 100%, что все шрифты из сервиса Google Fonts можно будет добавить в мобильную версию шаблона Flash Moto CMS.
Не все шрифты из сервиса Google Fonts доступны для использования в мобильной версии шаблона 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-файл нужно в "Менеджере шрифтов" добавить в шаблон при помощи кнопки "Добавить шрифт". В открывшемся окне следует выбрать полученный swf-файл и нажать ниже кнопку "Добавить".

Когда шрифт добавлен, нужно перейти в папку шаблона на сервере /fonts/default, найти swf-файл шрифта, скопировать его и загрузить в папку /m/fonts/default (файл можно скачать при помощи любого файлового менеджера, например, FileZilla). После этого нужно скачать и открыть при помощи любого текстового редактора (например, NotePad++) файл /xml/fonts.xml. В нем нужно найти ноду с добавленным шрифтом. Она имеет вид: 

<font>
    <name><![CDATA[Dr Sugiyama]]></name>
    <file>DrSugiyama.swf</file>
    <characters>default</characters>
    <enabled>true</enabled>
    <regular>false</regular>
    <italic>false</italic>
    <bold>false</bold>
    <boldItalic>false</boldItalic>
    <regularRange><![CDATA[]]></regularRange>
    <italicRange><![CDATA[]]></italicRange>
    <boldRange><![CDATA[]]></boldRange>
    <boldItalicRange><![CDATA[]]></boldItalicRange>
  </font> 

Данный код нужно скопировать и добавить в файл /m/xml/fonts.xml перед тегом </motoFonts>. После этого в данный код нужно добавить строку: 

<isGoogle>true</isGoogle> 

перед строкой <enabled>true</enabled> так, чтобы весь код шрифта принял вид: 

<font>
<name><![CDATA[Dr Sugiyama]]></name>
<file>DrSugiyama.swf</file>
<characters>default</characters>
<enabled>true</enabled>
<isGoogle>true</isGoogle>
<regular>false</regular>
<italic>false</italic>
<bold>false</bold>
<boldItalic>false</boldItalic>
<regularRange><![CDATA[]]></regularRange>
<italicRange><![CDATA[]]></italicRange>
<boldRange><![CDATA[]]></boldRange>
<boldItalicRange><![CDATA[]]></boldItalicRange>
</font>
</motoFonts> 

После этого следует сохранить файл и проверить мобильную версию сайта. Шрифт должен там появиться.

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

Комментарии