How to Download and Optimize Google Fonts

from blog Aleksandr Hovhannisyan, | ↗ original
Self-hosting fonts can improve your site's performance and eliminate unwanted third-party tracking. Learn how to download, subset, and optimize any Google Font for your projects.
This is a short summary. ↗ Open original to view full content

Related

Variable fonts helper
aarol.dev | original ↗
Speed Up Google Fonts
CSS Wizardry | original ↗
Self-hosted Google Fonts in Hugo
Redowan's Reflections | original ↗
Subsetting Material Icons in Rails
Johan Halse wrote this | original ↗
Stop Using Custom Web Fonts
bt RSS Feed | original ↗
The Right Way to Use fonts.com Web Fonts
Matthias Ott | original ↗
How I made my web pages load 10x faster
Prahlad Yeri | original ↗
Managing Typography on Large Apps
CSS Wizardry | original ↗
Seven most aesthetically pleasing fonts for your web apps
Prahlad Yeri | original ↗
Web fonts, boy, I don't know
Monica Dinculescu | original ↗

More from Aleksandr Hovhannisyan

Performant Game Loops in JavaScript
29 Dec 2024 | original ↗

A look at some best practices for creating performant game animations in JavaScript.

Creating Perfect Font Fallbacks in CSS
12 Dec 2024 | original ↗

Learn how to use three CSS properties to override font metrics and minimize layout shifts during font load.

Preventing Layout Shifts in Status Text with CSS Grid
11 Dec 2024 | original ↗

Use this trick with CSS Grid to prevent layout shifts when swapping text in status indicators.

I Moved to Cloudflare
11 Dec 2024 | original ↗

After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.

The Perfect Theme Switch Component
27 Nov 2024 | original ↗

Learn how to implement a progressively enhanced theme switch component using HTML, CSS, and JavaScript.