Weird inconsistency with rendered text

Hey all. TBH this is a bit of a long shot but this is driving me nuts. Our website (patientsknowbest.com - Fixed URL https://patientsknowbest.com/about/) uses the Muli font which is set as the default font. It appears that some visitors are seeing random text elements in a serif font. However, when inspected the element states it is using the Muli font :man_shrugging:t3:. It is also not consistently replicable.
This is what I see and I see it across Brave, Chrome and Safari;

This is what a colleague is seeing;

and this is what I see on the same computer as before but in a different Brave account;

Has anyone seen this before? I am perplexed.

Thanks for any help anyone can offer.

Hi @lloydbh,

Unfortunately, the website is not accessible it is redirecting to some other site. Please check and let us know once it is available for further investigation.

Thanks

Sorry, my typo.

This is the page from the screenshots and I have corrected the typo.

Hey @lloydbh,

Upon reviewing the console log, it appears that there are several font-related issues that may contribute to the inconsistency with the text. I recommend addressing and resolving all the errors in the console log to mitigate this problem.

Hope that helps.

Thank you for that. It helps somewhat in that the issue needs addressing but not in that I know how to do it. :rofl:

We host with WordPress and the font address is fonts.wp.com so I am assuming it is an issue at their end and not one with x theme?

Hey @lloydbh,

Yes, the issue is not on the X theme. It has something to do with your font address. The font links refuse to load the stylesheet. You may reach out to fonts.wp.com support for that issue.

Hope that helps.

1 Like

Thanks for that update. I have been speaking to WP support (very slowly) and they state they can’t replicate the console errors you have indicated but have replied with “I’m unable to see the errors you share in the console here, however, I’ve deleted the Google Fonts from Jetpack now.” However, this hasn’t resolved the issue.

Before I roll back to before the Theme update to fault check is there anything else I or you can check/do with this? I appreciate the difficulty as this is inconsistent and the render in the browser does not appear to be what the inspector is showing, as per the image above. Any help at this point would save any hair I have left, and that is just a beard at this point.

Thanks

Hi @lloydbh,

I have checked your website and found that Muli fonts are not loaded as the machine is not having that. So you need to add it through your Theme, and if you have already added that and it is not loading there might be some cache issue. I would suggest you deactivate any cache plugin and check if that works for you.

NOTE: I found the Hummingbird plugin is installed, please clear the cache and deactivate it before checking.

Thanks

Hi @tristup and thanks for the quick reply. I am not sure what you mean by " Muli fonts are not loaded as the machine is not having that". The fonts are set in the Global theme options.

I have removed Hummingbird for the time being.

Hey @lloydbh,

I believe that my colleague is mentioning the Mulish font. If the page is displaying different fonts, it indicates that there might be an issue with loading the fonts. Upon further inspection of the console log, it appears that there are still several issues present. I kindly request you address and resolve all of these issues and observe if the problem persists.

Thank you.

Thank you all for your help. I have resolved it. I found an additional p {font-family: “Muli”,sans-serif !important;} that someone had added to the Global CSS and removing this appears to have solved this particular issue. I don’t know why but the whole thing was inconsistent anyway.

Now to look at these console errors.

Thanks again.

Hi @lloydbh,

Glad to know that the font problem is resolved now. Please let us know if you need any help while addressing the console errors.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.