Custom Fonts: How to Add to a Project

By default, Google Fonts are available in Taptop. You can also add custom fonts to your project to create a unique website design.

1) Custom fonts are only available on paid Hosting Basic and Team Pro plans.

2) Before downloading a font, read its license agreement and make sure you have permission to use it. The site owner is responsible for the license.

3) Acceptable font formats:

4) You can only upload one font file at a time. If a font has multiple types (styles), you need to upload each one separately. For example, if you need two font styles, Regular and Bold, you need to repeat the steps for uploading the font for each of them.

To add fonts, you can select any element for which text settings are available. Once loaded, the fonts will be available for all elements in the project.

Once you have selected an element on the canvas, follow these steps:

1) In the Design panel, in the Text section, open the drop-down list with fonts.

2) Click on the Custom tab.

3) On the Custom tab, you can add a font to your project by clicking the Upload button.

4) Select the desired font and click the Open button.

5) In the pop-up that opens, select the font parameters. This information will allow you to identify the font later when searching for it in the list.



In order to combine all of its styles into one font, you need to load the style files and specify the same name for them in the Font family field. Then, one family will be displayed in the list of user fonts, and when you select it, all of its styles will be available.

6) Click the Upload button. The font will be added to the list of custom fonts.



You can apply an uploaded custom font to any element that has a choice of text settings, such as a text element, div, or section.

1) Selecting a font

Select the element on the canvas to which you want to apply the font. Open the list of custom fonts in the Design tab, Text section, and select the desired font.

2) Selecting a font

Click on the Font weight field in the text settings and select the desired option from the list. It will display all previously loaded font weights.

If the list does not contain all downloaded font variants, refresh the page. 

If you want to style not the entire text, but individual words or phrases, you need to use additional text styles.

To do this, select the desired part of the text - the Inline text settings will open on the right panel.

Next, open the font selection option, go to the Custom tab and select the uploaded font.

In the Inline text options, you can also change the font style, size, and color.