Using custom fonts while building your website with Thrive Architect can be done in a few steps. You will have to upload the custom fonts with the help of the "Custom Fonts" plugin and then, use the uploaded fonts in Thrive Architect.
Here is a step-by-step guide on how you can do this:
1. Install & Activate the "Custom Fonts" Plugin
First of all, you will have to install the "Custom Fonts" plugin on your website. In order to do that, go to your WordPress admin dashboard and click on the "Plugins" section from your menu:
The "Plugins" page will open, where you can manage all your existing plugins, as well as add new ones.
Now, you will have to click on the "Add New" button:
Search for the plugin by typing "Custom Fonts" in the search box that can be found in the upper right part of the page:
After the results of your search appear, look for the "Custom Fonts" one (probably the first result) and click on the "Install Now" button:
After the plugin is installed, you have to activate it by clicking on the "Activate" button on the same page:
2. Add New Fonts
Once the plugin is installed and activated, hover your mouse over the "Appearance" section of the menu and you will see "Custom Fonts" in the list that appears. Click on it to access the plugin's interface:
Here you will be able to add your custom font files:
Type in a name for the font you want to upload and then, upload it from your computer, based on the file format of the font you want to upload.
This means that if you have a font with a ".ttf" format for example, then, you will have to click on the "Upload" button under the "Font .ttf" section:
This will open your WordPress Media Library, where you can either select the file (if you have previously uploaded it) or upload it using the "Upload Files" tab:
After you have uploaded the font file to your Media Library, click on it to select it and then, on the "Select" button form the bottom right part of the window:
In case you have the URL of the font, you can also upload it directly from there. You just have to enter the URL in the designated field and click on "Upload".
Note: If you have more than one of the supported formats for the same font, it is advisable to upload all of them here to improve compatibility.
All you have left to do, to have the new font available, is to click on the "Add New Font" button, which can be found under the fields where you uploaded the font:
The new font will be added to the list that is in the right part of the "Custom Fonts" plugin's interface. Here you can manage each of your custom fonts. You can "Edit", "Quick Edit" or "Delete" them by clicking on the respective options under the fonts:
3. Use the Custom Fonts in Thrive Architect
Now that you have added the custom font, you can use it while creating your website with Thrive Architect.
Open the Thrive Architect editor (if you have already had the editor open, then, you will have to reload the page) and either drag and drop or select a text element that you want to customize.
You can now apply the newly added font to any "Text" element. To do that, click on a "Text" element in order to select it. Its options will appear on the left sidebar:
Click on the field next to the "Font" option:
Now, open the "Source" drop-down by clicking on the name of the source of the current font and choose the "Custom Fonts Plugin":
The source where you select the font from will change. Then, you can click on the "Font" drop-down to open a list with all the custom fonts:
Then, to choose the custom font you have previously added with the "Custom Fonts" plugin, select it from the list and click on "Apply":
The custom font will then be applied to the respective "Text" element:
Note: If you want to apply the custom font to a paragraph and not a heading, you will have to first select the text you want to apply the font to, and then, proceed with the above-mentioned steps of using it.
Once you have applied the custom font to the text element, you will be able to use the rest of the "Main Options", as well as the more general options to customize it.
If you want to find out more about how to customize texts in Thrive Architect, please check out this tutorial or our knowledge base.
Please keep in mind, that custom fonts might not have many different styles available. Thus, it may happen that using such options as Bold, Italic, etc. on these fonts will not look like you would expect them to.
Moreover, custom fonts might also not support all of the characters. This is all depending on the font that you upload and use.
Hopefully, this article was useful for you. If so, please reward our efforts with a smile below :)