Hi,
I’m having problems with font jumping, when it changes to the font I’m using. It first loads a serif font, and then loads my fonts after short while. On slower internet connections, it’s much more visible.
Here are the screenshots:
Do you have any tips on how I can fix it? At least show sans-serif font instead of serif font before my fonts load? The website link.
Thank you.
Hello @SwankyFella !
Please check this guide and take a look at how to improve your page speed by preloading the theme fonts: https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/#preload-newspaper-theme-fonts
Thank you!
Hi @Bettina,
Thank you for the quick response. Is the second code, the one for mobile theme, only needed if I use the dedicated mobile theme?
I will try it and then get back to you.
EDIT – sorry, considering that I use WP Rocket, I will preload the fonts there. Do I add the links from example in code, like “/wp-content/themes/Newspaper/images/icons/newspaper.woff?17”, or just “/wp-content/themes/Newspaper/images/icons/newspaper.woff”, like in the screenshot of WP Rocket settings?
Thanks.
Hello @swankyfella !
If you have the Mobile theme plugin disabled, then you don’t need that code.
Specify only the folder name: /wp-content/themes/Newspaper/images/icons/newspaper.woff
Thank you!
Hello @swankyfella !
Check this guide: https://byteofdev.com/posts/speed-up-font-loading/
Theme requirements: https://forum.tagdiv.com/requirements-for-newspaper/
There are a lot of factors which can make your site slow. Make sure you use only some templates and fewer functionalities and options.
Some factors which you need to take into account are:
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin or not, if you are using the PRO demo or a standard one.
Some starting points to improve your website page speed are here:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://www.xtechkr.com/optimize-newspaper-theme/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you for understanding!
Hello @swankyfella !
Unfortunately, you cannot change the default font. Please ask your host about the server speed optimization. The font loads slower when your site is not optimized.
Thank you!
I have the same issue when I try to disable Google Fonts…
I putted some custom fonts to disable the google fonts, and this “JUMP” of the fonts happens…
Hello!
When you disable Google Fonts and add custom fonts to your website, there could be a number of reasons why the fonts might “jump” or change unexpectedly.
One possible reason is that the custom font files may not have loaded properly, causing a delay in the display of the font. This delay can cause the text to appear without any font for a brief moment before the custom font is loaded, resulting in a noticeable jump.
Another possible reason is that the custom fonts you added may have different font metrics, such as line height or letter spacing, compared to the Google Fonts you disabled. This can cause text to reflow and adjust to the new metrics, resulting in a visual jump.
Thank you!
