In this lesson, we’ll focus on typography, the art of arranging text on a page. We’ll look at:

  • How to style and transform fonts.
  • How to lay text out on a page.
  • 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!


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.

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?