Wun Code
CSSHTML

Text and Typography

Learn to scale headings, choose the right units, and set line length and text direction, because text is what people read most in any interface.

Start the trackFree, no sign-up needed

What you'll learn

  • A type scaleHeadings that step down clearly
  • Type that adapts to the screenOne size that scales with clamp
  • Line length and line heightText that's easy on the eyes
  • Right-to-left meets left-to-rightTwo directions on one page
  • Truncating long textOne or two lines, then an ellipsis
  • Numbers that line upEqual-width digits in tables
  • Clear linksAn underline that keeps clear of the letters
  • Font stacksA ready fallback for every font

Track contents

8 lessons, 1.5 hours in total
  1. 1A type scaleCSSHeadings that step down clearly
  2. 2Type that adapts to the screenCSSOne size that scales with clamp
  3. 3Line length and line heightCSSText that's easy on the eyes
  4. 4Right-to-left meets left-to-rightHTMLTwo directions on one page
  5. 5Truncating long textCSSOne or two lines, then an ellipsis
  6. 6Numbers that line upCSSEqual-width digits in tables
  7. 7Clear linksCSSAn underline that keeps clear of the letters
  8. 8Font stacksCSSA ready fallback for every font

More Web tracks

All tracks