How is typography used to make text readable, structured and on-brand?
Applying typography: typeface classes (serif, sans serif, script, display), type size, weight and case, leading, kerning and tracking, and typographic hierarchy.
An SQA Advanced Higher Graphic Communication answer on typography, covering typeface classes, type size, weight and case, leading, kerning and tracking, and the creation of typographic hierarchy and readable text.
Reviewed by: AI editorial process; not yet individually human-reviewed
Have a quick question? Jump to the Q&A page
Jump to a section
What this key area is asking
The SQA wants you to use typography purposefully: recognise the typeface classes (serif, sans serif, script, display), control size, weight and case, adjust spacing through leading, kerning and tracking, and build a clear typographic hierarchy. Type carries most of the message in a layout, so handling it well is central to the CVMG context.
Typeface classes
Choosing the class sets the tone. Serifs suit printed body text and a classic, trustworthy feel; sans serifs suit headings, signage and screens because they stay clear at small sizes and on pixels; scripts suit invitations and a personal, elegant touch; display faces suit a single bold headline. A frequent Advanced Higher task is to match a typeface class to a purpose and justify it, so knowing the feel and best use of each class matters.
Size, weight, case and spacing
These controls make text comfortable to read. Adequate leading stops lines feeling cramped; too little crowds them, too much disconnects them. Kerning fixes awkward gaps between particular letter pairs (common in large headings), while tracking loosens or tightens a whole word or line evenly. ALL-CAPS text reads as loud but is slower to read in long passages. The marker expects spacing chosen for legibility, not left at defaults when a heading clearly needs adjusting.
Typographic hierarchy
Hierarchy is what makes a page readable rather than a wall of uniform text. A large bold headline, a medium subheading and smaller body text tell the reader instantly what is most important and where to start. Hierarchy also supports the principle of emphasis: the most important line gets the most typographic weight. Building a clear, consistent hierarchy across a document is one of the most directly rewarded typographic skills.
Examples in context
A newspaper sets serif body text with a bold sans serif masthead. A wedding invitation uses an elegant script for a personal feel. A road sign uses a clear sans serif for legibility at speed. A magazine builds a strong hierarchy of headline, standfirst and body so readers can scan. In each case the typeface class, spacing and hierarchy are chosen for the audience and purpose.
Try this
Q1. State the difference between a serif and a sans serif typeface. [1 mark]
- Cue. A serif has small finishing strokes on the letters; a sans serif has none.
Q2. State what leading controls in a block of text. [1 mark]
- Cue. The space between the lines of text.
Q3. State one way typographic hierarchy is created. [1 mark]
- Cue. Varying size (or weight, case or colour) so headings, subheadings and body text look distinct.
Exam-style practice questions
Practice questions written in the style of SQA exam questions on this dot point, with worked answer explainers. The year tag is the paper they imitate, not the source.
SQA AH style4 marksExplain the difference between a serif and a sans serif typeface, and state a suitable use for each in a printed document.Show worked answer →
A serif typeface has small finishing strokes (serifs) at the ends of its letterforms, while a sans serif typeface has none (sans means without), giving cleaner, simpler letters.
Serif typefaces are often used for long passages of printed body text, because the serifs are felt to help guide the eye along the line; sans serif typefaces are often used for headings, screens and signage, because their clean shapes are clear at a glance and at small sizes on screen.
Markers reward the structural difference (serifs present versus absent) and a sensible use for each (serif for printed body text, sans serif for headings or screen).
SQA AH style3 marksExplain how typographic hierarchy is created and why it matters in a layout.Show worked answer →
Typographic hierarchy is created by varying type properties so that different levels of information look different: a large, bold heading; a medium subheading; and smaller body text, sometimes with changes of weight, case or colour.
It matters because it guides the reader through the content in order of importance, letting them see at a glance what is the headline, what is a subheading and what is detail, which makes the layout easier and faster to read.
Markers reward creating hierarchy through varied size, weight, case or colour, and the reason that it guides the reader and signals the relative importance of information.
Related dot points
- Applying the elements of design - line, shape, form, texture, colour, tone, value and space - as the building blocks of graphic layouts.
An SQA Advanced Higher Graphic Communication answer on the elements of design, covering line, shape, form, texture, colour, tone and space as the visual building blocks of a layout and how each is used purposefully.
- Applying the principles of design - balance, contrast, alignment, proximity, emphasis, rhythm, proportion, unity and depth - to organise a layout.
An SQA Advanced Higher Graphic Communication answer on the principles of design, covering balance, contrast, alignment, proximity, emphasis, rhythm, proportion, unity and depth, and how they organise elements into an effective layout.
- Applying colour theory: the colour wheel and harmonies, hue, saturation and value, colour psychology, and the RGB and CMYK colour models for screen and print.
An SQA Advanced Higher Graphic Communication answer on colour theory, covering the colour wheel and harmonies, hue, saturation and value, colour psychology and association, and the RGB and CMYK colour models for screen and print.
- Using grids and the graphic production stages: preliminary (thumbnail) graphics, working (development) graphics and the structured layout that organises content.
An SQA Advanced Higher Graphic Communication answer on layout and the stages of graphic production, covering grids, preliminary (thumbnail) graphics, working (development) graphics, and how a structured layout organises content.
- Using DTP features and edits: cropping, masking, layering, text wrap, transparency, drop shadow, bleed, and combining text and images on a page.
An SQA Advanced Higher Graphic Communication answer on DTP features and edits, covering cropping, masking, layering, text wrap, transparency, drop shadow and bleed, and how text and images are combined and refined on a page.