Load Google fonts in Truetype when CSS Combine External and Inline is enabled

Hi,

I see both ttf and woff2 fonts in the LiteSpeedCache generated cssjs file, and when I run your site without LSCache by adding ” /?LSCWP_CTRL=before_optm ” to the URL, I also see both “ttf” and “woff” fonts, which means both fonts are in use before LSCache comes into play.

Regards.

The woff fonts that are generated belong to plugins installed in wordpress, such as sw-icon-font.woff.

The Google fonts TTF that are loaded (in the blog pages, for example) are Sarabun and Open sans, which when loaded with the option CSS Combine External and Inline disabled are loaded as woff2 (as it should be), which is a more efficient format, which allows me to obtain better metrics in Google Pagespeed.

In conclusion: the problem is with Google fonts that are loaded in TTF format instead of woff2 with this option enabled.

Hi,

please try go to Page Optimization -> tune setting -> CSS exclude , add sw-icon-font into that field, then purge all , see if it helps

Best regards,

Hello qtwrk, thanks for responding.

Your suggestion did not work.

Remember that the problem is the Google fonts that are loaded in TTF format (when they should be loaded as woff2 as they are more efficient and less heavy) and not the woff fonts (from wordpress plugins) that are shown as they should.

I appreciate the help you can give me.

Hi,

emmmmm

please try following set in CSS exclude list , and please do remember purge all after you made change

css?family

and

css?family
sw-icon-font

Best regards,

It worked perfect qtwrk.

Just exclude: css?family

No need to exclude sw-icon-font

Thanks for the help.

Additional note:

While excluding css?family caused the sources to load in WOFF2 format (as it should be), when I checked my website again in Google Pagespeed it showed me that Google fonts were blocking rendering, so I got a worse rating than before.

What definitely solved this was to turn On the option: Load Google Fonts Asynchronously in Page optimization> Optimization.

Not without first removing css?family exclusion, as it was not necessary.

I hope it will be of help for those who have the same problem.

Greetings.