The Problem with Google Fonts (and how to fix it)

[@CodinginPublic]

In case it wasn’t clear, if you download a Google font family, it removes both the speed and legal challenges.

[@dylanzalman8452]

Thanks for this tutorial. And yes, i would be interested in a video about variable fonts.

[@CodinginPublic]

Noted! I'll get on it!

[@aley5931]

@@CodinginPublic Please do and thanks for all the great content. Much appreciated.

[@AhmedRaza-lv3id]

Im using react and when i run npm run build it doesnt include the fonts i used font share😢

[@LePhenixGD]

One of the main advantages though that Google font's CDN handles very well is cross-browser bold text rendering conpared to if you download the font from the CDN When you download the font files yourself, increasing the font weight can sometimes lead to inconsistencies, for example, the boldness may appear too heavy and with a bigger letter spacing in Safari and Firefox compared to other browsers However, the CDN link version doesn’t seem to have this issue, I’ve yet to find a reliable solution to address this discrepancy when using locally hosted fonts

[@RubenPenaP]

I'll be watting for the Variable Fonts video

[@CodinginPublic]

Noted. I'll get on it. Thanks!

[@samnj4]

I have learned something new. Thanks for the tutorial.

[@CodinginPublic]

You’re welcome! Glad it was a help!

[@TheDzejko]

Hey, I'd love to see how to set it up using variables

[@CodinginPublic]

Noted. I'll get on it. Thanks!

[@arjunhanwate4873]

Thanku❤

[@CodinginPublic]

You’re welcome!

[@tiscover]

@fontsource is a fine solution as well

[@CodinginPublic]

Yes! Definitely. It downloads the local fonts, I believe and does a lot of this heavy lifting for you.