Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Learn
CSS Typography

Typography

In this lesson, we'll focus on typography, the art of arranging text on a page. In particular, we'll look at how to style fonts with CSS to make them legible and appealing and how to add external fonts to your web pages.

Some of the most important information a user will see on a web page will be textual. Styling text to make page content accessible and engaging can significantly improve user experience. Let's begin!

Instructions

In the browser, we have a blog site with fonts of different sizes and styles. In the following exercises, we'll learn how to manipulate fonts to create engaging interfaces.

Once you have an idea of the general layout of the page, proceed to the next exercise.

Report a Bug
If you see a bug or any other issue with this page, please report it here.