How to use custom font

How to use custom font

Usually you use Network Font to build the own site, but sometimes you have to use custom one. In this case, you can import custom font and use it.

How To Use.

Step 1. First of all, you confirm that Upload file types of Multisite’s Network Settings include zip. Porto uploads custom font as zip file. So that you have to compress the font file to zip before upload.

IMPORTANT NOTE: If you get an error when uploading your fonts, such as: ‘Sorry, this file type is not permitted for security reasons’, a solution to this is to temporarily add this line to your wp-config.php file:

define( 'ALLOW_UNFILTERED_UPLOADS', true );

Make a zip file of each font weight’s webfont (ttf or woff2) with the following structure.
The file name is {FontName}-{FontWeight}{FontStyle}.
The Porto Theme automatically recognizes and uses the font family and font weight, when you upload a zip file in the format below.

Custom fonts structure zip file
Custom Font file structure
How to upload the custom fonts
Step 2. Add font in the Theme Options/Font Control. If you upload correctly, the custom font will be appeared in the Font Control tab.
Import Custom Font
Step 3. You can use this font on everywhere of Elementor and WPBakery.
Use Custom Font in WPBakery Builder
Use Custom Font in Elementor Builder
Use custom font in Theme Option

By porto_admin |