Discussion on "Reduce Google Fonts file size by more than 80%"

David Ojeda · 2020-10-01T04:16:10.149Z

Sometimes we only need a font for a couple of words, like a logo or slogan. Why do we download the whole font file if we only need a few letters? In this post, I'll show you how you can reduce your font file size by more than 80%. This size reduction...

I was just picking out custom fonts for a project. I'll try this update next time I'm working on it.

This is one of the best hack I read.

For popular fonts this will likely be slower and use more network access.

If they have already visited a site that uses the font you use by putting ?text= on the end you're forcing the browser to go off to Google to get your subset even though the full font file is sitting their in their browsers disk cache.

David Ojeda The cache is no longer shared between origins so there is literally no benefit to serving up from googlewebfonts, bootstrapcdn etc. any more.

If you have your own private CDN like Amazon CloudFront you may as well just copy the assets there now and be in full control.

NostraDavid Understood!

Damien Guard Got it. Good to know!

Lovely. I want to add that you can do the same thing with fonts you have bought somewhere else with a free tool like fontforge. I recommend this to everyone who has a high-traffic landing page. It’s pure money!

Thanks for the extra tip!

Nice, but I´d make an SVG if it is only for some letters.

Wow! Awesome tip. Added to my TIL. 🙌

Thanks! Glad you learned something with my post 🙌🏼

David Ojeda, This is a great tip. Thanks for the write-up.

Thanks to you for the Bootcamp session, Tapas!

Discussion

Reduce Google Fonts file size by more than 80%

Responses(7)

Recent in Forum

Search Hashnode

Reduce Google Fonts file size by more than 80%

Responses(7)

Recent in Forum