From the course: Developing for Web Performance

Unlock this course with a free trial

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

Web fonts on a performance budget

Web fonts on a performance budget

From the course: Developing for Web Performance

Web fonts on a performance budget

- [Instructor] At the start of the course, we talked about performance budgets and I mentioned web fonts can have a significant negative impact on any performance budget. Now that you know how web fonts load and work, I hope you see why. The question then is how do we deal with web fonts if we have a tight performance budget? Here are some suggestions and recommendations. First of all, decide if you need to use a web font at all. If you have a tight performance budget, it's worth the effort to investigate system fonts as alternatives. Browsers have a lot more system fonts available now and many of them are quite nice. You'll actually notice a lot of online services are just using a system fonts instead of web fonts because of the performance benefits. If you need to use a web font, make sure you limit the number of font families you use. Ideally, you should only use one, or an anything more than two really needs a…

Contents