Skip to main content
Brave Programmer Logo

BraveProgrammer

BraveProgrammer

HomeProjectsBlogsCoursesLessonsAbout

Site footer

BraveProgrammer

Free coding courses, practical tutorials, and real projects from BraveProgrammer. Learn web development with React, Next.js, and TypeScript.

Navigation

  • Home
  • Projects
  • Blogs
  • Courses

Resources

  • About
  • Lessons

© 2026 BraveProgrammer. All rights reserved.

  1. Courses
  2. /
  3. CSS Course

Lesson 8 of 50 · css

Typography Basics

Duration: 10 mins

Key typographic properties:

  • font-family – stack of fonts.
  • font-size, font-weight, font-style.
  • line-height – default space between lines.
  • letter-spacing (tracking) and word-spacing.
  • text-align, text-decoration, text-transform.
  • font-variant and font-feature-settings for OpenType features.

Example: Responsive type with clamp

html { font-size: clamp(14px, 1vw + 1rem, 18px); }
Previous: Colors & Color FunctionsNext: Units of Measurement