Choose to use our already available Google fonts or to upload your own custom fonts to the editor. But, what is the right format to use and where and how can you upload the files?

When creating a Foleon in your own style, a chosen font can really express your style and can distinguish you from other magazines. This article is about using the available Google fonts and uploading your own custom fonts. Where should you pay attention to when getting the font and uploading it to the editor.

In this article

  • Using existing Google fonts
  • Activating fonts
  • Getting a custom font
  • File Format
  • Uploading the file
  • Different font styles
  • Fonts without name
  • Non western font styles

Using existing Google fonts 

When opening the font library via Theme or via ‘+Add more fonts’ in the text editor, you can choose from a whole range of Google fonts that are pre-uploaded in the editor. Simply activate the ones you want to use and you can start using them in your Theme or separate text elements.

Activating fonts

To activate a font so you can use it in your Foleon, select the font and click on the button ‘Activate font’.

Once a font is activated, it will appear in the text editor when editing a text. To deactivate a font, click on the x of the font you want to deactivate and click on delete. Make sure you don’t use this font in your publication when you’re deactivating the font because the text will change back to the default Arial font.

Getting a custom font 

Fonts are available all over the internet. There are paid fonts available, and free fonts. Usually the free fonts can cause some problems in the editor since the files are not of a high enough quality. So when you’re experiencing issues with a free font, this could be the cause of that.

The Google fonts from https://fonts.google.com/ will most likely be accepted by the editor and won’t cause any problems.

File Format

A custom font can have many formats. The only format the editor accepts is .woff. When your format is different, the file has to be converted to the correct format. An example of a program that can convert the files is TransType 4 or FontSquirrel. But you can also use your own program to convert the files.

Uploading the file

Once you have the correct format of the file, you can start to upload the font to the editor. This can be found in the Theme:

Select your file from your computer or drag and drop the file into the editor. Once you’ve dragged all the formats in to editor, the font will show in your custom fonts. You can now select the font in the editor and activate the font. Then it will also be available in the editor font options when you create a text.

Different font styles

A font can have different styles: bold, italic, regular etc. When you upload your own custom font, the different styles have to be uploaded separately, but will have to be in the same family. Only then the styles are available within one text element.
When the styles won’t upload in the same font, but creates separate files, the editor doesn’t recognize them as one ‘font family’. 

The fonts can be added to the same family in programs like TransType 4 or FontSquirrel. Make sure, when converting the formats to the same family, that they have the same family name. The editor then recognizes the formats as the same family and will merge them.

Fonts without name

The editor only recognizes font files when they have a name. Otherwise, there can be issues with using the nameless font. When your font doesn’t have a name, you can add a name in programs like TransType 4 or Fontsquirrel. With adding a name, you can merge the different styles to one family right away.

Non western font styles

From our experience, not all font types are supporting all kinds of characters. When you’re making - for example - a publication for Chinese readers, you will need a font that supports all the characters in Chinese. The Google font ‘Noto’ will support most of the characters.

Good to know: adding custom fonts is only available from certain licences.

Related articles

Did this answer your question?