WordPress not displaying custom uploaded fonts

[Rachel S]

Hi all,
how can i fix this issue. Appreciate any help

[zayn_william]

Your custom fonts could not be showing up on the front end for a variety of reasons.

1. Cache issue
   a. Clear the cache if you are using the wordpress plugin. If your host is using server side caching (You may need the help of your host) clear it.
   b. Check once more after removing the cache to verify it from another browser or a browser in incognito mode.
2. Importing Templates
   If you have imported a template that includes custom fonts, you will need to manually add the custom fonts as the fonts of these templates won't be imported automatically.
3. A Selected font weight is unavailable
   It's possible that not all font weights are available for custom fonts. If you choose a particular font-weight from the Typography settings but your custom font does not support that particular weight, then select/choose from the available fonts.
4. Unreliable Custom Code
   If the site contains ineffective custom CSS or other codes, custom fonts may not be displayed. To resolve this issue, correct or remove the bad code
5. Console error for CORS
   If your custom font is not displayed & you have a CORS error in your browser‘s console then contact your host for modifying server’s CORS policy.
6. Mismatched HTTP and HTTPS
   If you have recently moved from HTTP to HTTPS so that they can be served from HTTPS, your font files might need to be re-uploaded.
   1. Go to Elementor > Custom fonts. Select each URL, click the DELETE button next to it, then choose the UPLOAD option to re- upload the files if any of the displayed URLs do not begin with https.
   2. Go to Elementor > Tools. Select Regenerate CSS button.
   3. Now that the URLs start with https, your fonts should show up on the front end.

If this is still not functioning, you might have run into other problems when you first switched to HTTPS.

1. Go to Elementor > Tools > Replace URL
2. The HTTP URL should go in the "Old URL field" and the HTTPS URL should go in the "New URL field."
3. Click the Replace URL button.
4. From the menu, choose "Save Changes".

• Finally, Go to Wordpress General settings.
• Make sure that the site address (URL) and the WordPress address (URL) both start with https.

How to Activate Fonts Manually in WordPress

1. If necessary, download the desired font to your computer and extract the zip folder.
2. In the wp-content/themes/your-theme/fonts directory, upload your font file. If you do not already have a separate fonts folder, create one.

You can resolve the problem of custom fonts not displaying on the front end in WordPress implementing above steps