Adding custom fonts

Whether you’re creating a new SiteManager project or simply customizing a theme, custom fonts can help freshen your website’s style.

Navigate to your fonts

Once logged in to your project, go to the 'Design' application

desing.png

Once you navigated to your 'Design' start screen, select 'Custom Fonts'

desing-fonts

Adding custom font files

Here’s a quick summary of different types of fonts and their file extensions that's accepted by SiteManager:

  • TrueType Font (TTF) – Compatible with Internet Explorer version 9.0 and above, Chrome starting at 4.0, Firefox at 3.5, Safari since 3.1 and Opera beginning with 10.0
  • OpenType Font (OTF) – Has the same browser compatibility as the TrueType Font
  • Web Open Font Format (WOFF) – Supported by Internet Explorer version 9.0 and above, Chrome starting at 5.0, Firefox at 3.6, Safari since 5.1 and Opera beginning with 11.1
  • Embedded OpenType Font (EOT) – Exclusively available for Internet Explorer version 6.0 and above.
  • Scalable Vector Graphics (SVG) – SVG Fonts are currently supported only in Safari and Android Browser.

Choose you font files, type your font name and click on 'Add Font'.

custom-fonts-upload

Using your custom font file

Once your custom font is added to your project, you can select your custom font in the 'Design' application.

design-panel