Use the already available Google fonts or upload your own custom fonts to the editor. However, 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 help you stand out from the competition.
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. Activate the ones you want to use and you can start using them in your Theme or separate text elements.
To activate a font, select it 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 it because the text will change back to the default Arial font.
Getting a custom font
Fonts are available all over the internet. There are both free and paid fonts available. Usually, free fonts can cause some problems in the editor since the files don’t have a very high quality.
The Google fonts from https://fonts.google.com/ will most likely be accepted by the editor and won’t cause any problems.
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 into the editor, the font will show in your custom fonts. You can now select the font in the editor and activate it. 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 create 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. By 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 licenses.