Add font-display to entypo-fontello and custom fonts

Hi,

Thank you for getting back to us. I’m sorry about the misunderstanding. In my previous message I shared a link to the video which explains the whole process but somehow the was missed. Here it is again :)

1. You need not modify any php file to add the font display property to your theme.

Edit the font name in the below code and paste the below code to the Quick CSS section in Enfold > General Styling

@font-face {
  font-family: "YOUR FONT NAME";
  font-display: swap;
}

NOTE: To load the main theme js files from child theme please check this link. There is no easy way to load all the main theme php files from the child theme it’s a WordPress limitation. To get around this you can write custom functions. Since this is going to take a lot of time and customization it is out of our support scope and thank you for your understanding :)

2. We update the theme regularly based on wider acceptance of the features on all modern browsers. You can surely expect this to be included in the future updates but we do not have an ETA on this at the moment.

3. To host google fonts please check this link.

4. For icon fonts you can use the following CSS code

@font-face {
    font-family: 'entypo-fontello';	
    font-display: swap;
}

You can also check out this working example that demonstrates different fonts applied

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Let us know if you have any questions we are happy to help you.

Best regards,
Vinay

Hi,

Thank you for getting back us.

You can try the WP enqueue method mentioned earlier (Find the links in the previous message). Please note loading the main theme files after child theme styles may lead to FOUC Flash of unstyled content. Please feel free to try it on your installation to know if this works for you.

At the moment there is no other easy way to add this modification to your site. Unfortunately, it would require quite some time and customization of the theme to edit core files to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Vinay