Web Font Anti-Patterns
October 13, 2015
Almost every web developer has used web fonts. Unfortunately, there is a lot of confusion about web fonts. Are they really bad for performance? Maybe you should not use web fonts at all?
Fear not, this series of articles takes a look at some of the most common anti-patterns for creating, using, and loading web fonts. Web fonts can be great when used correctly and with moderation. There is no need to block web fonts or disable them on mobile devices. However, we — as web developers — must do a better job of using web fonts correctly.
Hopefully this series of web font anti-patterns will help clarify existing practices (good and bad) and guide you towards better web font usage. The anti-patterns (in no particular order):
- Overusing web fonts
- Inlining fonts
- Aggressive subsetting
- Using local fonts
- Reimplementing caching (coming soon)
- Not styling fallback fonts (coming soon)
Do you have a web font anti-pattern that you’d like to see added? Do you have questions or comments? Feel free to reach out on Twitter.