W3.CSS ExamplesLesson 74Free preview
W3.CSS Fonts
This lesson is part of W3.CSS · All levels
Summary
W3.CSS uses Google Fonts to make the page consistently and attractively lettered. So, add a Google Fonts stylesheet link in <head>, and then specify the font families in CSS and their backups. W3.CSS also provides text size classes such as .w3-small to .w3-xxxlarge for typographic scales.
Key points
- Include Google Fonts using <link> in <head>
- Determine the font families with the backup sequence ending sans-serif or serif
- Limit the number of fonts so that loading is fast
- Class sizes: w3-small, w3-medium, w3-large, w3-xlarge, w3-xxxlarge (W3.CSS)
- Always provide a backup letter when the main font fails to load
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.