Type anatomy, classification and choosing typefaces

0:00 Type anatomy and choosing typefaces

Here's a quick experiment. Imagine the words Grand Opening, set in three typefaces. First, a heavy, blocky sans serif. Second, a thin, elegant serif with high contrast. Third, a rounded, bubbly font. Same two words. Three completely different businesses come to mind: a gym, a jewelry boutique, and a kids' play center. That's the power of type. It sets the tone before anyone reads a word. In this lecture, you'll learn the anatomy vocabulary that helps you choose, the main type classifications, four questions for choosing a typeface, how to handle multi-script projects and licenses, and a test sheet you can use on any font. By the end, you'll choose type on purpose, not by scrolling a menu.

0:51 Why it matters

Why does typeface choice matter so much? Because most social graphics, ads and thumbnails are mostly text. The typeface is often the biggest visual element on the canvas. And type communicates twice: once through the words, and once through the shapes of the letters. If those two messages disagree, people feel it. A payday loan ad in a playful bubbly font feels untrustworthy. A children's party invite in a stern serif feels cold. Think of a typeface like a voice. The same sentence spoken in a whisper, a shout or a cartoon voice means different things. Choosing a typeface is casting the voice for your message.

1:37 Vocabulary that helps

Let's learn a few words that make choosing easier. A typeface is the design. A font is a specific weight or style file of it. A family is all the weights and styles together. The baseline is the line letters sit on. The x-height is the height of lowercase letters, and this one matters a lot: a larger x-height usually means better legibility at small sizes. Stroke contrast is the difference between thick and thin strokes. High contrast looks elegant, but thin strokes can vanish at small sizes or after compression. And counters are the enclosed spaces inside letters like o and e. Open counters help legibility on screens.

2:24 Main classifications

Now the main classifications. Serifs, with small strokes at letter ends, feel traditional, authoritative or editorial. Slab serifs are sturdy and good for bold headlines. High-contrast serifs feel elegant, but fragile when small. Sans serifs feel modern and clean. Geometric ones feel crisp, humanist ones feel warm and are very readable, and grotesques feel neutral. Display faces are designed for big sizes and personality, not for paragraphs. Scripts imitate handwriting, and they're lovely for a word or two, but hard to read in sentences. And monospace faces feel technical. Here's the key idea. Headlines can carry personality. Body text needs legibility first.

3:08 Four questions

So how do you choose? Ask four questions. One, purpose: is this for a headline, body text, a logo, or data like prices and times? Two, legibility: will it be readable at the smallest size you'll use, on a phone, after compression? Three, personality: does it match the brand's tone, and does it stand apart from competitors? And four, practicality: does it have the weights and characters you need, including currency symbols and other scripts, and does the license allow your use? Most bad type choices fail question two or question four. They look great in the menu and fall apart on a phone, or they're licensed for personal use only.

3:56 Worked example 1: a fitness coach

Worked example one, simple. A fitness coach uses a thin, elegant script font for everything, headlines and body. It looks beautiful in the design tool at full size. On a phone in the feed, the headline turns into a squiggle, and the body text is unreadable. And she downloaded the font from a free fonts website, where it's personal use only. The fix: a heavy, condensed sans serif for headlines, which feels energetic and reads in two seconds. A humanist sans with a large x-height for body text. Both from Google Fonts, which uses open-source licenses that allow commercial use. Energy, legibility and a clean license.

4:42 Worked example 2: an English–Urdu brand

Worked example two, a business scenario with illustrative details. A tutoring startup in Lahore publishes content in English and Urdu. Their Urdu text is set in a generic system font that looks mismatched and awkward next to the English. They face a real decision: Nastaliq or Naskh? Nastaliq is the traditional, calligraphic style Urdu readers expect for cultural and literary content, and it signals care. Naskh is simpler and more compact, and works well in small UI text. They choose Nastaliq for social headlines and Naskh for dense worksheets, and pick a Latin sans with a similar weight and rhythm for English. Then they test both scripts at the same visual size, because different scripts look different sizes at the same point size.

5:35 Watch me do it: the typeface test sheet

Watch me do it. I'm testing a candidate headline typeface with the one-page test sheet. I set Book your free consultation at sixty-four pixels bold. Then a thirty word paragraph at thirty-two pixels. Next, the character test: capital I, lowercase l, and the number one side by side, capital O and zero, r n next to m. In this font, the I and l are identical. That's a problem for anything with codes or names. I check currency symbols: dollar, pound, the rupee sign and the riyal abbreviation. Then numbers: times, prices and a rating. Finally, I export and look at it on my phone at arm's length. Verdict: good for headlines, not for body text, because of that I and l.

6:28 Font licenses

Let's talk about licenses, because this is the part most beginners skip. Fonts are software, and each one comes with a license. Google Fonts are mostly under the SIL Open Font License, which allows commercial use, including logos. Adobe Fonts come with Creative Cloud plans for design and publishing, with conditions for some uses. Fonts inside Canva or other design tools are licensed for use in that tool. Commercial foundries sell separate licenses for desktop, web, apps and more, so a desktop license may not cover your website. And many free font websites offer personal-use-only fonts or even unlicensed copies. For client work, keep a record of every font and its license.

7:17 Common mistakes

Common mistakes. Choosing fonts by scrolling a menu and picking what looks cool. Using display or script fonts for body text. Ignoring the I, l and 1 problem. Using too many typefaces. Forgetting to test on a phone. Using a font that doesn't include the characters you need, like currency symbols or Arabic and Urdu, so the tool silently swaps in a fallback. And ignoring the license. One more: consider variable fonts. They contain a continuous range of weights in one file, so you can fine-tune a headline to exactly the weight you need, and they're widely supported in modern tools.

8:01 Recap and try this now

Let's recap. Type sets the tone before anyone reads. Learn the vocabulary, especially x-height, stroke contrast and counters. Understand the classifications, and remember: personality for headlines, legibility for body text. Choose with four questions: purpose, legibility, personality and practicality. Plan multi-script projects carefully, and always check the license. Try this now. Shortlist three typefaces for your brand or a client. Run each through the test sheet from the lesson, test them on a phone at the smallest size you'll use, check the I, l, 1, O and 0 characters, and confirm the license terms. Pick one headline face and one body face.