How Fonts Work
The same letter, five different personalities. Discover the hidden world of typography—how letters are designed, why fonts feel different, and why everyone has opinions about Comic Sans.
The same letter, five different personalities. Discover the hidden world of typography—how letters are designed, why fonts feel different, and why everyone has opinions about Comic Sans.
Every letter has parts with names. Click to explore what makes letters look the way they do.
Click any part above to learn what it is and why it matters.
Typography has over 100 specialized terms. Font designers spend years learning the subtle differences between a "bowl" and a "counter."
Most fonts belong to one of these categories. Click to learn more about each family.
Serifs are the small "feet" at the ends of letter strokes. They originated from Roman stone carving—chisels naturally create these flares. Serif fonts feel established, trustworthy, and literary.
"Sans" means "without" in French—these fonts have no serifs. They emerged in the 19th century and feel modern, clean, and minimal. Most websites and apps use sans-serif fonts.
Script fonts mimic handwriting or calligraphy. They feel personal, elegant, or playful depending on the style. Use sparingly—they're hard to read in large blocks of text.
Every letter takes the same horizontal space—an "i" is as wide as an "m." Originally designed for typewriters, they're now essential for coding because characters align perfectly in columns.
Choosing the right font family sets the entire tone of your design. A legal document in Comic Sans feels wrong, and a birthday card in Times New Roman feels boring.
The spacing between letters matters more than you think. Use the slider to see the difference.
Bad kerning has a name: "keming" (because with bad kerning, "kerning" looks like "keming"). Designers call embarrassing kerning fails "kerning crimes."
From hand-carved letters to Google Fonts—600 years of typography evolution.
Fonts have personalities. Pick a mood to find its perfect font match.
Why does everyone have such strong opinions about one font?
Created in 1994 by Vincent Connare for Microsoft Bob, a children's software. It was designed to look friendly and approachable—like something in a comic book.
People started using it everywhere—business documents, medical forms, gravestones. It's not the font's fault; it's misuse. A children's font doesn't belong on a corporate memo.
Some claim Comic Sans helps people with dyslexia read more easily due to its irregular letter shapes. Research is mixed, but dedicated dyslexia fonts now exist.
It's actually perfect for what it was designed for—children's content, casual signs, and informal communication. Context is everything in typography.
In 2012, CERN announced the discovery of the Higgs boson using a Comic Sans presentation. Physicists were more upset about the font choice than the particle physics!
Now it's your turn! Click on the grid to draw pixels and create your own letter. This is exactly how pixel fonts are made.
Each square you fill becomes one pixel. At small sizes, your letter looks crisp. This is how retro game fonts and bitmap fonts work!
Many letters (A, H, M, T, V, W) are symmetrical. Mirror mode draws on both sides at once—a huge time saver for font designers.
The original Macintosh fonts in 1984 were designed pixel-by-pixel by Susan Kare on graph paper. She created Chicago, Geneva, and Monaco—fonts still recognizable today!
You've explored the hidden world of typography. From letter anatomy to font personalities, you now understand why fonts matter.
Letters have parts with names—stems, bowls, serifs. These tiny details create a font's personality.
Serif, Sans-serif, Script, Monospace. Most fonts fit into one of these categories.
Kerning—the space between letters—can make or break your design. Bad kerning = "keming."
Pixel fonts are built one square at a time. You drew your own letter—that's real font design!
Put your new knowledge into practice!