Adding Custom Fonts Or Google Fonts

You can add any custom fonts (provided you own it or have licensed it) or any of the 700+ free Google fonts (no font file needed, thanks google!) to your site. If you need help doing this simply submit a support ticket otherwise here's how you do it.

IMPORTANT: After you install your font you must refresh your admin/site to see the new font in the font selection options.

Add a Google Font

1. Visit Google Fonts: https://www.google.com/fonts

2. Once you've found the font you want to use you will need the name, weight, and charset (usually latin).

3. Using the following format enter the information you've collected in the box indicated in the next step: Name:weight:charset:google so, for example, the font Indie Flower at the normal weight of 400 will be written Indie Flower:400:latin:google

4. Enter this information in your site admin under ACCOUNT --> SITE DISPLAY and Custom Fonts.

5. To add more than one fone use a comma to separate each. For example: Roboto:400:latin:google,Indie Flower:400:latin:google

Add A Custom Font

1. Your font must be converted to .woff and .ttf formats. To do this visit https://www.fontsquirrel.com/tools/webfont-generator OR https://www.web-font-generator.com/ and upload your font. Make sure you check the WOFF and True Type boxes in Font Formats after choosing the expert option.

2. Download your kit containing two versions of the font your uploaded. Inside your website admin open the MEDIA LIBRARY panel and select the ADD + button to upload both fonts to your media library.

3. Using the following format enter the font information in the box indicated in the next step: AnyFontNameYouChoose:font-weight:exactfilename-minus-extension:custom For example. A font called HelveticaNeue Ultra Light would be written: HelveticaNeueUL:100:HelveticaNeueUL:custom You can use the following table to find the number weight of custom fonts:

100    Extra Light or Ultra Light

200    Light or Thin

300    Book or Demi

400    Normal or Regular

500    Medium

600    Semibold, Demibold

700    Bold

800    Black, Extra Bold or Heavy

900    Extra Black, Fat, Poster or Ultra Black

4. Enter this information in your site admin under ACCOUNT --> SITE DISPLAY and Custom Fonts.

5. To add more than one font use a comma to separate each. For example: Roboto:400:latin:google,Indie Flower:400:latin:google