Intermediate Web Literacy I | CSS Fonts

Made by Mozilla, released under the CC-BY-SA license

60 minutes

You will use webfonts to create moods and tones on web pages while learning how to revise, search, code, compose, design, and remix.

Remix this lesson in Thimble!

Web Literacy Skills

21st Century Skills

Learning Objectives

  • Understand and be able to explain the connection between an HTML webpage and a CSS stylesheet.
  • Search online for webfonts that match the mood, purpose, tone, and voice of a webpage.
  • Use HTML and CSS to include webfonts in a webpage.
  • Choose fonts that match the mood, purpose, tone, and voice of a webpage.

Audience

  • 13+
  • Intermediate web users

Materials

  • Internet-connected computers
  • Markers
  • Paper