Scroll

How To Add Google Font To Mobile Version of Flash MotoCMS template

Note: we can not guarantee that all 100% of Google fonts would be possible to add to your templates mobile version due to some characteristics that do not depend on our system. Some, very rare exceptions may happen.
As you might know not all of Google Fonts are available in the Mobile Version of Flash CMS templates. This instruction will help you to add almost any Google Font you like.
First of all you need to find the font you want to add here: http://www.google.com/fonts

And download it to you PC.

Then you should unzip the downloaded archive to get .ttf file. When this is done please run your main website Control Panel (admin), go to  Preferences tab on the top panel and select Fonts Manager.

Then you'll see a popup with the list of your fonts. Please find there 'Create Font' button, click on it and you'll be redirected to Font Creator.

Please add the Google font(s) you have downloaded and click 'Create Fonts' button.

After that compilation process will run and you'll be suggested to save the archive with a compiled font archive.  Please download it , unzip the archive to get  .swf file to your PC and go back to your Fonts Manager (main Control Panel->Preferences->Fonts Manager) to upload the compiled .swf font to your template. You can also take look on our video tutorial here.

When the font is successfully uploaded please go to your server to /fonts/default folder, find just added .swf font there and upload it to /m/fonts/default folder.
After that please go to /xml/fonts.xml folder on your server and open it to edit with text editor. There you need to find a code of the font you want to add to mobile version. It will look like this

<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>

Please copy this code and paste to /m/xml/fonts.xml file before the tag </motoFonts>. After you pasted the code please add this line

<isGoogle>true</isGoogle>

under tags <enabled>true</enabled> so it will look like

<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>

Then save the changes for the files and check your Mobile Version Editor. The font should be there.

Have more questions? Submit a request

Comments

Powered by Zendesk