Typography for the Web
Set readable, well-spaced type on the web with a type scale, web fonts and fluid sizing.
What you'll learn
- Load web fonts without layout shift
- Build a type scale with CSS custom properties
- Size type fluidly with clamp()
- Tune line height, line length and spacing
About this course
You design and code a typography system for a blog. You choose and load web fonts, build a type scale, tune line length and spacing and make headings scale smoothly between phone and desktop.
Course curriculum
4 modules and 12 lessons over 4 weeks. Plan for about 12 learning hours.
01Choosing fontsWeek 1 · 3 lessons
- Pairing fonts
- Font formats
- Loading with font-display
02Type scaleWeek 2 · 3 lessons
- Modular scales
- Custom properties
- Headings and body
03ReadabilityWeek 3 · 3 lessons
- Line length
- Line height and spacing
- Fluid type with clamp()
04Blog typographyWeek 4 · 3 lessons
- Article template
- Long-form checks
- Review against a checklist
Project
Blog type system. A blog article template with a type scale, web fonts and fluid headings.
Who this course is for
Developers and designers who want text that is easy to read.
Prerequisites
You know CSS basics.
What's included
- 180-day course access
- Project brief
- Starter repository
- Coding labs
- Reference solutions
- One written project review
- A digital completion certificate
Learning format
Project-based online course, part of our guided project courses. One written project review.
Access and delivery
- Course access is delivered within 15 minutes after payment.
- Written project review is returned within 2 business days of submission.
- Completion materials are issued within 2 business days after the project is approved.
Certificate
You receive a digital completion certificate. Completion materials are issued within 2 business days after the project is approved.
Frequently asked questions
When does access start?
Course access is delivered within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for project-based programs.
