Typography: The Art of Text

Active learning works for typography because students need to see, touch, and manipulate text to truly grasp how font choices shape meaning. When students compare fonts side by side or adjust spacing themselves, the abstract becomes concrete, helping them internalize design principles through direct experience.

• Primary 3
• Art
• 4 activities
• 20 min–45 min

Learning Objectives

1. Compare the visual and emotional impact of serif and sans-serif fonts.
2. Design a poster using typography to convey a specific message clearly.
3. Explain how kerning and leading influence text readability and aesthetic.
4. Identify how font size and weight affect emphasis in a text block.

Flipped Classroom

⏱ 20 min·Pairs

Pairs: Font Emotion Sort

Print sample texts in serif and sans-serif fonts describing emotions like happy or serious. Pairs sort cards into emotion piles and discuss why fonts match feelings. Share one example with the class.

Prepare & details

Compare and contrast the emotional impact of serif versus sans-serif fonts.

Facilitation Tip: During Font Emotion Sort, circulate and listen for students' reasoning, then pause the class to share a few pairs with the whole group to highlight different interpretations.

Setup: Standard classroom, flexible for group activities during class

Materials: Pre-class content (video/reading with guiding questions), Readiness check or entrance ticket, In-class application activity, Reflection journal

• Understand
• Apply
• Analyze
• Self-Management
• Self-Awareness

Flipped Classroom

⏱ 45 min·Small Groups

Small Groups: Poster Typography Challenge

Provide poster templates on themes like school events. Groups select fonts, sizes, and spacing to convey messages clearly. Test readability by swapping with another group for feedback.

Prepare & details

Design a poster that effectively uses typography to convey a clear message.

Facilitation Tip: For the Poster Typography Challenge, provide a checklist of typography elements to include so students focus on design rather than content creation.

Setup: Standard classroom, flexible for group activities during class

Materials: Pre-class content (video/reading with guiding questions), Readiness check or entrance ticket, In-class application activity, Reflection journal

• Understand
• Apply
• Analyze
• Self-Management
• Self-Awareness

Flipped Classroom

⏱ 30 min·Whole Class

Whole Class: Kerning and Leading Demo

Project text blocks with poor and good spacing. Class votes on readable versions, then adjusts printed strips hands-on. Discuss changes in pairs before whole-class share.

Prepare & details

Explain how kerning and leading affect the readability and aesthetic of a text block.

Facilitation Tip: In the Kerning and Leading Demo, use a document camera so all students can see the exact adjustments as they happen.

Setup: Standard classroom, flexible for group activities during class

Materials: Pre-class content (video/reading with guiding questions), Readiness check or entrance ticket, In-class application activity, Reflection journal

• Understand
• Apply
• Analyze
• Self-Management
• Self-Awareness

Flipped Classroom

⏱ 25 min·Individual

Individual: Text Size Hierarchy

Students create a one-page flyer using three sizes: large title, medium subhead, small details. Sketch first, then refine with markers to balance visual weight.

Prepare & details

Compare and contrast the emotional impact of serif versus sans-serif fonts.

Facilitation Tip: For Text Size Hierarchy, give students a series of preset text blocks to arrange so they focus on hierarchy, not writing content.

Setup: Standard classroom, flexible for group activities during class

Materials: Pre-class content (video/reading with guiding questions), Readiness check or entrance ticket, In-class application activity, Reflection journal

• Understand
• Apply
• Analyze
• Self-Management
• Self-Awareness

Teaching This Topic

Teach typography by starting with the students' own experiences. Ask them to recall a time when a font made a message feel serious or playful. Use their examples to introduce serif and sans-serif fonts, then let them test these ideas in pairs. Avoid lecturing about theory; instead, let students discover the rules by doing. Research shows that hands-on design tasks improve retention more than passive note-taking.

What to Expect

Students will confidently explain how serif and sans-serif fonts create different feelings, demonstrate how text size guides attention, and identify how kerning and leading affect readability. They will use this knowledge to make deliberate design choices in their work.

Watch Out for These Misconceptions

Common Misconception

During Font Emotion Sort, watch for students who treat font choices as purely personal preference without considering context.

What to Teach Instead

Ask pairs to explain their choices out loud, prompting them with questions like, 'Would this font work for a wedding invitation or a comic book? Why?' This pushes them to connect emotion to context.

Common Misconception

During Poster Typography Challenge, watch for students who use bold or large text everywhere without purpose.

What to Teach Instead

Provide a checklist that asks, 'What is the most important word? How does your design guide the viewer's eye there first?' Require students to justify their size and weight choices in a short note below their poster.

Common Misconception

During Kerning and Leading Demo, watch for students who think spacing is only about aesthetics, not readability.

What to Teach Instead

Have students swap their adjusted text with a partner and time how long it takes to read aloud. Discuss how spacing changes affect ease and speed of reading.

Assessment Ideas

Quick Check

After Font Emotion Sort, give students two short text passages in serif and sans-serif fonts. Ask them to write one sentence explaining which feels more formal and one sentence about which feels more modern.

Exit Ticket

After Text Size Hierarchy, hand out a simple sentence like 'Music brings joy.' Ask students to rewrite it twice: once with bold emphasis on 'Music' and once with balanced text. Collect to check if they apply hierarchy principles.

Discussion Prompt

During Kerning and Leading Demo, show examples of poorly spaced text. Ask students to identify what makes the text hard to read and suggest two specific improvements using kerning or leading.

Extensions & Scaffolding

• Challenge: Ask students to redesign a familiar sign or poster from school using strict typography rules (e.g., serif for tradition, bold sans-serif for urgency).
• Scaffolding: Provide pre-selected fonts and sizes on strips of paper so students can physically arrange them before applying to their poster.
• Deeper: Introduce tracking (consistent spacing across a word) and compare it to kerning during the Kerning and Leading Demo.

Key Vocabulary

Typography	The art and technique of arranging type to make written language legible, readable, and appealing when displayed.
Serif Font	A font with small decorative strokes, called serifs, attached to the end of a larger stroke in a letter or symbol. These fonts often appear more traditional.
Sans-serif Font	A font without serifs. These fonts typically have a cleaner, more modern appearance.
Kerning	The adjustment of space between individual pairs of letters to create a visually pleasing and uniform appearance.
Leading	The vertical space between lines of text, measured from baseline to baseline. It affects how easily lines can be read.