You’re staring at a blank Canva page or a Word doc. Your eyes glaze over as you scroll through that endless dropdown menu of types of fonts style. It's paralyzing. Honestly, most people just click "Open Sans" or "Times New Roman" and call it a day because they don't want to deal with the headache of "visual hierarchy" or "kerning." But typography isn't just about looking pretty. It’s the literal voice of your brand. If you pick a whimsical script for a legal document, you look like a clown. If you use a rigid slab serif for a yoga retreat, you look like a drill sergeant.
The psychology of how we read is wild. We don't actually read letter by letter; our brains recognize word shapes. When you mess with the font style, you’re messing with how fast a brain can process your message. Basically, the wrong font is a speed bump for the mind.
The big divide between Serif and Sans Serif
This is the classic rivalry. It’s like Beatles vs. Stones. Serif fonts are those old-school characters with the little "feet" or decorative strokes at the ends of the letters. Think Garamond, Georgia, or the ubiquitous Times New Roman. They feel traditional. They feel authoritative. Most printed books use them because those little feet are actually thought to help lead the eye from one letter to the next, making long-form reading less exhausting for your eyes. Sarah Hyndman, a researcher who wrote Why Fonts Matter, has done some fascinating work showing how we associate serifs with "expensive" or "trustworthy" vibes.
Then you’ve got Sans Serif. No feet. Clean. Geometric. Modern.
Brands like Google and Airbnb famously ditched their more complex logos for simple sans serifs like Product Sans and Cereal. Why? Because screens are tricky. On a low-resolution display, those tiny serif feet can get blurry and pixelated. A sans serif stays sharp. It’s why almost every tech startup you see looks exactly the same now—it’s all about that crisp, "we are a friendly app" aesthetic.
Slab Serifs: The heavy hitters
Sometimes you want the authority of a serif but the "punch" of a modern brand. Enter the Slab Serif. These have thick, block-like feet. Think of the Rockwell font or the Courier font that makes everything look like it came off a vintage typewriter. They are loud. In the 19th century, these were called "Egyptian" fonts (even though they had nothing to do with Egypt) and were used on circus posters because they could be seen from a mile away. Today, you see them used by rugged brands or editorial sites that want to feel "bold" without being "corporate."
Script and Decorative: Use with extreme caution
I’m going to be real with you: most script fonts are a disaster for usability. Script fonts mimic handwriting or calligraphy. You’ve got your elegant, formal scripts that look like a wedding invitation from 1920, and then you’ve got "casual" scripts that look like someone took a Sharpie to a whiteboard.
They are great for a logo—think Coca-Cola or Instagram—but for the love of everything, don't use them for body text.
Then there are Decorative or Display fonts. These are the "wild cards." They might look like they’re made of LEGO bricks, or dripping in blood for a horror movie poster, or glowing like a neon sign. They are meant to be seen, not read. If you use a decorative font for more than three or four words, you’ve basically opted to annoy your reader. They have no "standard" shape, so the brain has to work overtime to decode them.
✨ Don't miss: Companies Headquartered in Portland OR: Why the "Silicon Forest" is Changing
The technical side: Monospaced and Variable fonts
If you’re a coder, you live in the world of Monospaced fonts. In a normal font, an "i" takes up less horizontal space than a "w." In a monospaced font like Cascadia Code or Fira Code, every single character occupies the exact same width. It looks like a typewriter. It’s functional. It keeps columns of code perfectly aligned.
But there’s a new player in town: Variable fonts. This is where the technology gets cool.
Instead of having a separate file for "Bold," "Italic," and "Light," a variable font is one single file that can behave like a slider. You can tweak the weight, the width, and even the slant to any decimal point you want. For web designers, this is a game-changer because it means faster loading times. You don't have to make the user's browser download six different font files just to see one headline.
Why your font choice is actually a business risk
Let’s talk about the "Boring Font" trap. A lot of people think picking a safe font like Arial is the way to go. But fonts carry baggage. Helvetica, while legendary, is so overused that it can sometimes feel invisible. On the flip side, using Comic Sans—the most hated font on the internet—is basically an invitation for people not to take you seriously. Interestingly, Comic Sans was actually designed by Vincent Connare to be used in speech bubbles for a digital assistant named Microsoft Bob. It was never meant to be used for "Do Not Enter" signs or hospital memos.
When you choose types of fonts style, you're choosing a personality.
- Modern Serif: Elegant, fashion-forward, intellectual (e.g., Playfair Display).
- Geometric Sans: Stable, objective, universal (e.g., Futura).
- Humanist Sans: Approachable, empathetic, clean (e.g., Gill Sans).
Actionable insights for your next project
Stop scrolling and start thinking about the "vibe" before you touch the font menu. If you are stuck, follow these steps to ensure you aren't making a mess of your design:
- Limit yourself to two. Pick one serif for your headlines and one sans serif for your body text. Or vice versa. Mixing three or more fonts usually looks like a ransom note.
- Check the "x-height." This is the height of the lowercase letters. Fonts with a tall x-height (like Verdana) are much easier to read on small screens.
- Test for "Il1" legibility. Type a capital "I," a lowercase "l," and the number "1." If they all look identical, your users are going to struggle with clarity, especially in passwords or technical data.
- Contrast is king. Don't pair two fonts that look almost the same. If you’re going to pair, make it obvious. Pair a very heavy font with a very light one.
- Audit your line length. No matter how cool the font style is, if your lines are too long (over 75 characters), people will lose their place when their eyes jump back to the start of the next line.
The most important thing to remember is that typography is a service to the reader. It shouldn't get in the way of the message. It should be the invisible hand that guides them through it.
🔗 Read more: Reuben and Rose Mattus: The Truth Behind the Fake Danish Ice Cream
Next Steps for You:
- Audit your current website or resume: Are you using more than two different font families? If so, try stripping it back to just one serif and one sans serif.
- Try a font pairing tool: Use a site like Fontjoy or Google Fonts to see how different weights of the same family can create hierarchy without needing to find a second font.
- Check accessibility: Run your text through a contrast checker to ensure your font color and background meet WCAG standards, especially if you’re using "Light" or "Thin" font styles which can disappear on mobile screens.