Click here to navigate the course.

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

Colors are an important aspect of the user experience (UX), but an overview of UX is not complete without a focus on fonts. It's very likely that a lot of the important information a user will see on a web page will be in the form of text. Styling text to make web page content accessible and visually engaging creates a great experience for users.

In this lesson, we'll learn all about fonts and how to style their appearance with CSS.

Let's begin!


Take a look at the web page in the browser to the right. It showcases different types of fonts, all of different sizes and styles.

In the following exercises, we'll learn how to manipulate fonts to create visually engaging web pages.

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