Fonts play an important role in web design, and a consistent and recognizable typographic style helps convey a sense of professionalism and brand identity.Kadence Theme Provides a custom font function , support for uploading local font files , and flexible call in the theme .
This article organizes a complete set of Kadence font upload and setup procedures for those who want to improve their visual style. WordPress Website.
![Image [1] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328103231648-image.png)
preliminary
Before you begin, you will need to have the Kadence Custom Fonts plugin, which is included in the Kadence advanced versionIn the set.
![Image [2] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328102856490-image.png)
You will also need to prepare the font files that have been licensed for use, the recommended .woff
respond in singing .woff2
Two formats to improve compatibility and loading speed.
![Image [3] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328102952925-image.png)
If not provided in the font package .woff2
can be used Transfonter.org and other tools will .ttf
maybe .otf
format to the desired format.
![Image [4] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328103159121-image.png)
Install the plugin and enable the upload function
![Image [5] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328103619673-image.png)
- go into WordPress Dashboard, upload and activate the plugin in "Plugins".
![Image [6] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110239437-image.png)
- After launching, "Custom" will be added to the background menu. Fonts"Options.
![Image [7] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110302657-image.png)
Uploading font files and creating font groups
go intoexterior condition > Custom Fonts > Add New FontStart uploading.
Fill in the information
- Font Name: name of the font (e.g. Albra Display Regular)
- Font Family Name: Unified Font Family Name (e.g. Albra Display)
- Font Style Name: name used to distinguish the style (e.g. Bold, Regular, Italic)
![Image [8] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110425505-image.png)
remain Font Family Name is consistent, you can call different weights or styles uniformly in the theme.
Adding Font Files
Click on the "¡ÓAdd File" button, upload .woff
respond in singing .woff2
Documentation.
![Image [9] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110536591-image.png)
Setting font weights and styles
- Font Weight: set according to the font style, such as Regular set to 400, Bold set to 700
- Font Style: if italic, set to italic, keep normal for regular font.
![Image [10] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110728191-image.png)
Click on the "¡Ópost" Save settings.
Repeat the operation to upload multiple versions of the same font (e.g. Regular, Bold, Italic) for unified management and recall.
Apply fonts to the theme
After completing the upload, go toexterior condition > customizable > Colors & Fonts >
![Image [11] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110828581-image.png)
In the font selector, check the name of the font family you just uploaded. Different font styles and weights can be set for elements such as headings, body text, navigation, etc. (coarseness).
![Image [12] - Full tutorial on uploading custom fonts for Kadence themes](https://www.361sale.com/wp-content/uploads/2025/03/20250328110924907-image.png)
If you don't see the new font, refresh the page or clear your browser cache and reload it.
Additional recommendations
When uploading fonts, you can add multiple weights and style versions at the same time, making it easy to switch freely between modules. Example:
- Regular: 400
- Bold: 700
- Italic: 400 + style set to italic
Ensure that font family names are consistent for easy and uniform calling.
summarize
Kadence Theme Combined with Custom Fonts Plugin that provides a complete font upload and application mechanism. In customizing for your brand, reading optimization, or design aesthetic enhancement, it can bring higher flexibility and expressiveness to website typography.
Extended functionality for multi-language sites, special character support, or typographic enhancements can be further enhanced with specialized font service platforms for richer design solutions.
Link to this article:https://www.361sale.com/en/47816
The article is copyrighted and must be reproduced with attribution.
No comments