logo
Documents |

Upload custom fonts

Table of Content

You can add more fonts to your project easily. Using the Quick Menu, you can look for Font.

You can use  Adobe fonts (Typekit)Google fonts, or you can upload your own fonts.

Uploading custom fonts

Important: Please read your font’s license agreement and make sure you have permission to use the font with your site before you upload it. Read Introduction to font licensing and usage to learn more.

Choosing the right font format

You can upload a variety of font file formats.

Good to know: You are able to upload a maximum file size of 10MB per font file

Supported by most browsers

Supported by a few browsers

Good to know: You don't need to upload every file format. However, you can upload a number of different formats to cover maximum browser support. WOFF is a good format with maximum browser compatibility and a good file size. If you do not have a WOFF or WOFF2 version of your font files, you can use font converters found online.

Editing installed fonts

After the font files have been uploaded, you can edit the font family name, the font weight, and the font style.

Best practices: You can upload multiple instances of a font and select a different font weight and style for each instance. Just make sure to use the same font family for all of the instances of the same font.

You can always edit your custom font settings. You can also delete uploaded fonts.

Defining fallback fonts

Fallback fonts ensure maximum compatibility between browsers and operating systems. If a user's browser fails to load your custom font, it switches to the fallback font. Fallback fonts are automatically created for each font family you upload.

You can edit the fallback font for each font family and choose the font it falls back to from a list of available fonts.

You can edit the font display settings, which determine how font faces load based on what the browser already has saved.

Best practices: Setting font display settings to swap can prevent a flash of invisible text when pages load by using a system font.

Testing your fonts in the Visual Editor

Before testing your fonts on the Visual Editor, you need to add these fonts to your Style settings of the layout(s) you want to use those fonts.

In the Visual Editor, navigate to the page/layout using the Style that you added the new fonts. Click on any editable table element, switch to the style Panel, and check typography settings.

You can apply your custom font to any text element, any parent element. You can also apply these fonts to specific HTML tags, and classes via the Style settings.

Share

DIscord chat

We're available Monday–Friday, security and critical bug fixes are available 24/7.

Facebook page

Get the latest news and updates regarding Nilead platform and services.