CSS Text & Fonts
7 lessonsAbout 42 minutesBeginner
This part of the CSS Tutorial runs from CSS Text Color through to Text Wrapping. There are 7 lessons here, and working through them takes about 42 minutes at a steady pace.
It follows on from CSS Colors and Backgrounds, so finish that first if you have not already — the examples below assume you are comfortable with it.
Each lesson below says what it covers before you open it. Read them in order the first time; afterwards this page works as a index you can jump back into when you need to check one thing.
- 1CSS Text ColorThe CSS Text Color property is used to change the color of text displayed on a webpage.
- 2CSS Text AlignmentThe CSS Text Alignment property is used to control the horizontal alignment of text inside an element.
- 3CSS Text DecorationThe CSS Text Decoration property is used to add or remove decorative lines from text.
- 4CSS Font FamilyThe CSS Font Family property is used to specify the typeface used to display text on a webpage.
- 5CSS Font SizeThe CSS Font Size property is used to control the size of text displayed on a webpage.
- 6Web Fonts & TypographySet readable type, load web fonts responsibly, and understand the properties that shape a line of text. You will work with readable line height and measure, resilient font stacks, @font-face loading, font-display, and variable font axes.
- 7Text WrappingHandle long words, truncation, balanced headings, and multi-line clamping without breaking layouts. The chapter covers long URLs, emergency breaks, language-aware hyphenation, balanced headings, ellipsis, and responsible multi-line clamping.