Learn the best practices for high-performance sites using web fonts, updated for 2021.

Lee Robinson is a software engineer and technical writer, known for his tutorials, articles, and courses on web development and React.js. Learners can gain insights into React.js best practices, GraphQL, and serverless architectures, and learn how to build modern web applications using Lee's expertise and guidance.

Lee Robinson

Typography is critical for web design and font choice can impact branding, readability, and performance. This post covers best practices for using web fonts on high-performance sites, including self-hosting, preloading, font display, variable fonts, and subsetting. It recommends using a variable font, preloading font files, self-hosting instead of Google Fonts, and using font-display: optional to prevent layout shifts.

Web Fonts in 2021