Typography basics for beginners come down to one job: make written information easy to notice, read, and understand. You do that by controlling hierarchy, spacing, alignment, and font choices—not by collecting more fonts. Learn the rules below, then test your eye with a typography quiz to turn them into fast decisions.
Start with hierarchy: show readers what matters first
Typography hierarchy is the visual order in which readers notice text. A page with no hierarchy feels like a wall of words because every element asks for equal attention.
Most simple layouts need only a few levels:
- Heading: the main idea or page title.
- Subheading: a useful label that breaks up the topic.
- Body text: the explanation readers spend time with.
- Supporting text: captions, labels, dates, or notes.
You can create hierarchy with size, weight, color, position, and space. Size is usually the clearest tool, but it should not do all the work. A heading that is large, bold, and tightly surrounded by other text can still feel weak.
A practical hierarchy recipe
Use this as a starting point for a short article, poster, or presentation slide:
- Heading: 32–48 px, bold or semibold
- Subheading: 20–28 px, medium or semibold
- Body: 16–20 px, regular weight
- Caption or metadata: 12–14 px, regular or medium weight
The exact numbers matter less than the contrast between them. If your heading is 24 px and your body text is 22 px, readers may not see a meaningful distinction. Increase the gap, change the weight, or give the heading more surrounding space.
Practice: fix a flat text block
Imagine this content appears at the same size and weight:
> Build better study habits > A practical weekly plan > Start with one realistic session. Track what interrupted you. Adjust next week.
A clearer version might be:
- “Build Better Study Habits” as the largest, boldest text
- “A practical weekly plan” as a smaller subheading
- The final two sentences as regular body copy with more line spacing
Ask yourself: what should a reader see from across the room? That element needs the strongest visual treatment.
Use spacing to make text easier to read
Spacing is not empty decoration. It gives readers cues about which words belong together and where one idea ends.
The main types of spacing are:
- Line height (leading): vertical space between lines of text
- Letter spacing (tracking): consistent space across a range of letters
- Kerning: adjustment between a specific pair of letters
- Margins and padding: space around a block of text
- Paragraph spacing: distance between paragraphs or sections
Set comfortable line height
Body text that is too tight becomes tiring, especially in long paragraphs. Text that is too loose can make each line feel disconnected from the next.
For body copy, a line height around 1.4–1.7 times the font size is a dependable starting point. For example, 16 px body text often reads well with 24–27 px line height. Headings usually need less line height because their lines are shorter and larger.
Try this rule: if a two-line heading looks like two unrelated headlines, tighten its line height. If a paragraph looks dense and hard to enter, increase its line height before changing the font.
Do not use letter spacing as a repair tool
A little extra letter spacing can help short uppercase labels, such as NEW LESSON or PRACTICE QUIZ. It is usually a poor fix for hard-to-read body text. If a paragraph feels cramped, examine font size, line height, column width, and contrast first.
Kerning is more specific. It addresses awkward pairs such as “To,” “WA,” or “Yo” in display text. Well-made fonts often handle this automatically, but a large logo or headline may need manual attention.
Align text with intention
Alignment gives a layout its invisible structure. When left edges, baselines, or columns line up, readers can scan with less effort.
For most English text, left alignment is the safest choice. It creates a stable starting edge and natural word spacing. Centered text works best in short bursts: invitations, small hero sections, quotes, or labels. A centered paragraph of several lines is harder to scan because every line begins in a different place.
Avoid full justification for narrow columns unless you can control the result carefully. It can create uneven gaps between words, sometimes called “rivers,” that pull attention away from the message.
Quick alignment check
Before publishing, look at the layout without reading the words.
- Do headings share a consistent left edge with their paragraphs?
- Are buttons, labels, or captions aligned to a visible grid?
- Does centered text stay short?
- Are related items closer together than unrelated items?
That final question is important. Proximity creates meaning. A caption should sit nearer to its image than to the next section heading.
Choose fonts for roles, not novelty
Beginners often get stuck looking for the “perfect” typeface. Start by choosing fonts that fit distinct roles and remain readable at the size you need.
A practical first approach is to use one font family with several weights. Many families include regular, medium, semibold, and bold styles, which lets you build hierarchy without creating visual noise.
If you use two font families, give them different jobs:
- A display font for headings
- A neutral, readable font for body text
The pair should have enough contrast to feel intentional, but not so much that the page feels assembled from unrelated parts.
Font pairing rules that work
Pair by contrast, not conflict. A serif heading with a clean sans-serif body can work because the roles are visibly different. Two similar sans-serif fonts can work too, but only if their shapes, weights, or proportions differ enough to be distinguishable.
Limit the palette. Two families are usually enough for a beginner project. A third family should have a clear reason, such as code samples or a distinctive campaign label.
Check the actual text. Do not choose a pair from a specimen showing only a few elegant letters. Type a real heading, a paragraph, numerals, punctuation, and any words your audience will see often.
Avoid using a decorative face for paragraphs. A font may look expressive in a title and exhausting in ten lines of body copy.
Control line length and contrast
Typography is shaped by the container as much as the font. Very long lines make it difficult for readers to find the next line; very short lines create choppy reading. For desktop body copy, aim for a moderate measure rather than stretching text across the whole screen.
Color contrast matters too. Light gray text on a white background may look subtle, but subtle is not always readable. Body text should have clear contrast against its background. When in doubt, test the design in ordinary lighting and at a smaller screen size.
A 10-minute typography practice drill
Use this exercise with a paragraph from your notes, portfolio, or study guide.
- Copy 80–120 words into a blank document.
- Set the body text in one readable font at 16–18 px.
- Add a title and one subheading.
- Create hierarchy using size, weight, and spacing before adding color.
- Left-align the body copy and keep its line length moderate.
- Adjust line height until the paragraph feels open but connected.
- Add a second font only if the first family cannot create enough distinction.
- Step away for a minute, then scan the page without reading it. Notice what your eye lands on first.
If you cannot identify the title instantly, strengthen it. If the paragraph feels like one gray rectangle, improve spacing or break it into shorter sections.
A typography quiz is useful here because it trains the same judgment under constraints: spotting weak hierarchy, awkward pairing, uneven spacing, or alignment errors quickly.
Common typography mistakes beginners can avoid
Using too many fonts
More choices rarely produce more clarity. Start with one family, then add a second only when it gives the design a useful contrast.
Making everything bold
Bold text works because it contrasts with regular text. If every line is bold, nothing receives emphasis.
Treating headings as oversized body text
A heading needs its own spacing, line-height, and visual role. Give it room to introduce the section.
Ignoring punctuation and numbers
Check apostrophes, quotation marks, dashes, percentages, and numerals. A typeface that looks good in a headline may handle these details poorly at small sizes.
FAQ
What are the four basics of typography?
A useful beginner framework is hierarchy, spacing, alignment, and font pairing. Together, these determine what readers notice, how comfortably they read, and whether the page feels organized.
How many fonts should a beginner use?
One font family is enough for many projects. Two families are a practical upper limit for most beginner layouts: one for display text and one for body copy.
What font size should body text be?
For digital reading, 16–20 px is a common starting range. Test it in the final layout, because screen size, font design, line length, and contrast all affect readability.
Should body text be centered?
Usually no. Left-aligned body text is easier to scan in English. Reserve centered alignment for short text blocks where a symmetrical look serves the design.
Conclusion
Good typography is a series of readable decisions: make importance visible, give text room, align related elements, and keep font choices disciplined. Practice those decisions on real content, then use a typography quiz to sharpen the visual instincts that make layouts feel clear rather than merely decorated.