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
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…