Intermediate Web Literacy I: Intro to CSS | 2. CSS Fonts

Made by Mozilla

60 minutes

Learners will use webfonts to create moods and tones on webpages, learning about coding, composing, desinging, and remixing.

Activity 2 of 7

Write the Web

21st Century Skills

Communication Creativity Problem-solving

Web Literacy Skills

Code Compose Design Evaluate Remix Revise Search

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