Chnaged font is not getting updated at Frontend

[a.olabi]

Hi
I have changed the font from WoodMart> Typography> Basic and Similarly WoodMart> Typography> Advanced. But the font is not getting updated. I have cleared the caches and changed the browser it is still showing the by default font ‘Lato’ while I want the ‘Oswald’ font from Google. I have checked Customize, where it is showing the content in the Oswald theme. But when I try to open site in browser, it shows the same bydefault fonts. I have attached the screenshots of the Header in two fonts.
i) Oswald font that I need is appearing when I go to Appearance> Customize.
ii) Lato font that is by default and it appears when and wherever the site is loaded.
Please fix the issue.

• This topic was modified 1 week, 5 days ago by a.olabi.
• This topic was modified 1 week, 5 days ago by a.olabi.

Attachments:

You must be logged in to view attached files.

Hello,

There is an issue with the 3rd party plugins. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

I have disabled all the plugins except WoodMart Core, but still it shows the same font by default. Please check it and fix it.
Thank You

Hello,

Now I have checked your site in the browser and it is loading the “oswald” font fine.
Screenshot for clarification:
https://ibb.co/KrVMhdY
https://ibb.co/mJk7xJV

Check back your site after completely clearing the browser cache and check the issue.

Best Regards.

I have checked the site on different browsers also on different devices. But it shows the by default font “Lato” at first. When I refresh the page then it shows the updated font “Oswald”. Please check the attached screenshots.

Attachments:

You must be logged in to view attached files.

Hello,

It could be a cache problem so please clear the site/browser/server caches and recheck the issue.

Let me know the result.

Best Regards

I have cleared the caches of both site and the browser but it is still showing the same by default font ‘Lato’ instead of ‘Oswald’. Please check it properly and fix it.
Thank You

Hello,

Please check it now after removing the browser cache.

Best Regards.

It is still the same. There is no change at all. At first it loads with the same bydefault font ‘Lato’. After reloading the page it then loads with ‘Oswald’. I am sure you have not checked it properly. Please check it properly and fix it. I have attached the screenshot as well.

Thank You

Attachments:

You must be logged in to view attached files.

Hello,

At my end, it is working fine now. I have opened the site in the Incognito mode and the font is loading fine: https://ibb.co/RC8PP6J

Please check the site in the Incognito mode or check the site on any other laptop.

Best Regards.

Firstly please find the difference between the Font styles of Lato and Oswald. And then check the font of the site. You will need to check, is the site loading in Oswald or it is just showing Oswald in Coding (Inspect Element).
From the screenshot you shared shows that you have not paid attention to the loading of the font style, as in the screenshot the content you mentioned is in “Lato” font not in “Oswald” font despite it is showing “Oswald” in the coding.
I have attached the screenshots of the site in both Lato and Oswald fonts. At first, site loads in Lato font, after refreshing the page it then loads the content in Oswald font and it happens on all laptops, on all browsers including Incognito or Private windows (Sorry for repeating this sentence many times).

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Performance > fonts and icons > Choose “font-display” option in theme setting from “optional” to other values. For example “disabled” or “swap” https://prnt.sc/s4HU_Xeulzl3

“font-display” option description has a link to google documentation. Here is a link to the option value description (https://developer.chrome.com/blog/font-display#optional). In short, if google font is not loaded in an extremely short time after the site loading it will be skipped and the next “font-family” font will be used, which in his case is Arial https://prnt.sc/4bFpKfENDXkn

Chrome for Developers
Controlling Font Performance with font-display | Blog | Chrome for Developers

The new font-display descriptor for @font-face lets developers decide how their web fonts will render (or fallback), depending on how long it takes for them to load.

Best Regards.

[Author]

Posts