From the course: Developing for Web Performance

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Optimizing third-party web font delivery

Optimizing third-party web font delivery

From the course: Developing for Web Performance

Optimizing third-party web font delivery

- [Instructor] Let's look at how to optimize fonts from a third party source like Google Fonts first. Even though these fonts are delivered from some of the fastest servers and services on the web, they still cause negative performance effects. If you're using fonts from say, Google Fonts, your site will be slower than if you were using fonts that were hosted in your local environment. So, how do we go about ensuring the best possible performance for fonts we have relatively little control over? Well, here are some current best practices. First, pick only the fonts weights and styles you're actually going to use. As what you're seeing here, even though we have a ton of weights available, I'm only going to pick the styles I'm actually using in my layout. The good news is when these weights are added in Google Fonts, they're added using a comma separated list. So as you work with your project, you can start by adding just…

Contents