Recent update breaks Google Fonts

Resolved zhabini
(@zhabini)

1 year, 6 months ago
Hi,

I’ve just updated LiteSpeed and the Google Fronts stopped loading. I tried to disable all the CSS-related optimizations and finally found the option which started breaking fonts: Load Google Fonts Asynchronously. When enabled, it removes the font CSS link from the page HTML, but doesn’t load fonts via JS instead (like it did previously with this option enabled).

Maybe something changed with detecting Google Font URLs? This is the font link which is removed when the option is enabled but the font is not loaded by LiteSpeed’s JS:
```
<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3A700%7CDM+Sans%3A400%2C500&display=swap' media='all' />
```
The link itself is valid, if you open it then it loads the font CSS just fine.

Viewing 6 replies - 1 through 6 (of 6 total)

zuzu11
(@zuzu11)

1 year, 6 months ago

I also have a problem with fonts after update. If I open website in incognito I see other font. When I open devtools in Chrome name font is correct but I know it isn’t correct font. (For example in devtools I see “Poppins” but i actually see on website “Open Sans”)

Plugin Support qtwrk
(@qtwrk)

1 year, 6 months ago

please create a ticket by mail to support at litespeedtech.com with reference link to this topic

we will investigate further.

ru1ns
(@ru1ns)

1 year, 6 months ago

Unfortunately, I am experiencing the same issue with the Newspaper theme (by TagDiv). After updating, all the fonts break and fail to load, so I reverted to the previous version

Plugin Support litetim
(@litetim)

1 year, 6 months ago

@ru1ns try looking over these settings:
https://docs.litespeedtech.com/lscache/lscwp/pageopt/#font-display-optimization
https://docs.litespeedtech.com/lscache/lscwp/pageopt/#load-google-fonts-asynchronously
https://docs.litespeedtech.com/lscache/lscwp/pageopt/#remove-google-fonts

If changing these settings will not help, you can create a ticket by sending an email to address: support at litespeedtech.com and add a report code from LSC => Toolbox => Reports and link to this thread.
Thread Starter zhabini
(@zhabini)

1 year, 6 months ago
I found the reason, this line https://github.com/litespeedtech/lscache_wp/blob/431139fb4eb0ddc0b9d4c57ec699bcb3959f8190/src/optimize.cls.php#L604 removes quotes from a list so “font1″,”font2” becomes “font1,font2” and the fonts become broken. This change was added in this commit in November https://github.com/litespeedtech/lscache_wp/commit/5fa335c20ea0ea87d842355f4232272a683f17c3 So any websites using more than 1 Google font have broken fonts now (if async option for Google Fonts is enabled).

Please pass this to the devs, thanks!
- This reply was modified 1 year, 6 months ago by zhabini.
Plugin Support qtwrk
(@qtwrk)

1 year, 6 months ago

thanks a lot for the great detail, this will be patched in next release

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Recent update breaks Google Fonts’ is closed to new replies.