I’ve noticed a strange font behavior after uploading to Version 7 of Newspaper.
We use Francois One as our header font and Lato as our body font at http://www.theapexracing.co. When pages initially load, a different font is briefly seen on every platform I’ve been able to test (OS X, iOS and Android) before the correct font loads. Please see the following two videos with examples:
We would like this issue to not occur. Is there a way to avoid the font changes as the page loads? Thank you.
Hi,
This issue occurs because of too many re-writes of the fonts. In the title for example you have the first font set by the theme’s html general font, a sans serif font. (general font) Then overwriting it is a verdana font , then your own Lato font (default titles font) and then the Francois One. Please make sure you do not rewrite the font to Lato and then to Francois one again. Please use the fonts section and only change particular fonts not the general ones and particulars as well. http://screencast.com/t/QSJBL57gH88
Hope this helps.
Thank you!
I have checked my “Post Title” font settings and the only one I have set is the default.
I’ve also noticed that in addition to the fonts loading and changing, the colors and other theme elements do as well. For example, we have red links and red backgrounds on our block/widget titles, but when the page first loads, these are all blue before they switch to red.
It seems if the pages are loading a whole different stylesheet before it loads our customizations. Can you assist with this? I don’t have the ability to make a video of this related issue but I will later today if that would help. Thanks.
UPDATE: I have checked my color settings in the Theme Panel and confirmed that no color is set to blue – only red, black, and white. Why is blue showing up at all?
Also, if you look closely at the sidebar in the desktop video above, you can see the widget titles with blue backgrounds for a split second before they turn red.
Hi,
This issue is related to your page loading speed and/or the speedbooster plugin. If you use speedbooster or another tool to move render blocking to footer as google page speed suggests, it will also move style.css to footer and this is the effect of that. The style will apply after all elements are loaded. If you know your way around coding, you can remove style.css from the speed-booster files to prevent this happening.
If you do not use speedbooster, please increase your site-s loading times by following this guide:https://forum.tagdiv.com/how-to-make-the-site-faster/ and also make sure you have all system status parameters set properly so you do not run out of memory: https://forum.tagdiv.com/system-status-parameters-guide/
Hope this helps.
Thank you!
This solved the issue! Thank you so much.
Newspaper 7 was the first time I had every enabled the TagDiv Speed Booster plugin. I’ve deactivated it and the page load issues have disappeared.
Thank you as well for the other suggestions.
