Archived topic
Google Fonts Problems And Cumulative Layout Shift
12 replies · Started by abd-ell-fattah on September 2, 2021
I have two problems
First:
How do I add a Google font that is not in the list?
I want to use this line /
Droid Arabic Kufi
And I can't add it as a basic for every line on the site.
Second:
Why do I have a problem with Cumulative Layout Shift
It's very annoying.
Google font I can add in the components only
but
I can't add a Google font in customizing fonts..!!
It is very sad to see problems with cumulative planning in this way
I want a solution please
photo attachment
Hi there,
this article explains how to add additional Google fonts to the Customizer:
https://docs.generatepress.com/article/generate_typography_default_fonts/
CLS issues can be for many reasons, the first place to start is to disable ALL optimization/cache plugins and then retest your site.
If you're still having CLS issues, raise a new topic and share the link to your site.
I could not add the required font to the customization panel and default fonts
I want real support please..
I want to add google font
Droid Arabic Kufi
to the personalization panel.
I want to solve a problem
Cumulative Layout Shift
My website:
The problem of adding Google Fonts has been resolved by using Code Snippets add code
add_filter( 'generate_typography_default_fonts','tu_add_system_fonts' );
function tu_add_system_fonts( $fonts ) {
$fonts[] = 'Droid Arabic Kufi';
return $fonts;
}I want to solve a problem:
Cumulative Layout Shift
My website:
For the CLS issue, please read David's answer here:
CLS issues can be for many reasons, the first place to start is to disable ALL optimization/cache plugins and then retest your site.
Have you tried retest with cache plugin deactivated?
-The cache has been deleted.
-Cache plugins have been removed.
-CDN use has been discontinued.
-The cache has been removed from the hosting.
There is still a problem with the Cumulative Layout Shift.
Please I want a solution.
I still see WP Rocket is enabled on your site. The main cause of CLS with WP Rocket is using the Optimized CSS delivery option. Disable that option, clear your caches and retest your site.
Thank you David for your follow up and attention to solving my problem..
The plugin has been deactivated
WP Rocket
The cache has been deleted.
The hidden browser was used.
The problem is still there!!
The Perfmatters plugin is setting the Font Display to Swap. Which is causing the CLS.
What is the best solution to this problem dear David??
The plugin is irreplaceable
* WP Rocket.
* Perfmatters.
You can keep both plugins.
My suggestion would be:
1. WP Rocket - disable Optimized CSS Delivery, or ask WP Rocket support about configuring it correctly.
2. Perfmatters - disable Font > Display Swap
