Dev UtilitiesLesson 136Free preview
Font Preview
This lesson is part of Web Developer Tools · All levels
Summary
Font preview allows you to type a text sample and then look at it in different fonts, sizes, and thicknesses. This tool helps you choose the right font before adding it to your project. On the web, always provide a fallback font and consider the readability on the small screen. Also, check the font license before using it publicly.
Key points
- Font-family may contain a list of primary and fallback fonts
- Web fonts need to be loaded and can slow down the page
- Size, weight, and line-height affect readability
- Test lengths, numbers, and specific characters
- Check the font license before use
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.