Typography is the art and technique of arranging type to make written language readable, legible, and visually appealing.

The fundamental building blocks of typography are characters. Designers manipulate their shape, spacing, weight, and proportion to create typefaces.

It’s important to clarify a common misconception:

Choosing the right font is essential, as text captures most visual attention in design. Typography is a powerful communication tool that influences how your message is perceived.

Different fonts act like different tones of voice:

Just like you adjust your tone depending on context, you should choose typography that matches the energy of your project.

Serif fonts have small decorative strokes at the ends of letters, these are called serifs.

When Johannes Gutenberg developed the movable-type printing press in the mid-1400s, early European typefaces were modeled after manuscript writing styles. These were primarily blackletter forms.

Shortly after, designers like Nicolas Jenson refined Roman-style serif typefaces inspired by classical inscriptions and Italian humanist script. Jenson’s 1470 Roman type became highly influential and helped establish serif typefaces as the standard for printed books.

A well-known modern example derived from this tradition is Times New Roman.

Today, serif fonts are associated with:

“Sans” means “without” in French. Sans serif literally means without serifs.

Although simple letterforms existed in ancient inscriptions, sans serif typefaces as a formal printing style emerged much later, in the late 18th and early 19th centuries.

Early sans serif designs were sometimes called “grotesque” because they looked unusual compared to traditional serif forms.

In the 20th century, modernist movements such as Bauhaus embraced sans serif typography for its clarity, function, and lack of ornamentation.

Today, sans serif fonts are associated with:

They are widely used in UI/UX because they render clearly on screens and scale well across devices.

A variation of serif with thick, block-like serifs. Often bold and attention-grabbing.

Designed to resemble formal handwriting or calligraphy. Elegant and expressive, but not suitable for long paragraphs.

More casual and playful than script. Designed to mimic natural handwriting.

Created specifically for headlines, logos, and titles. They prioritize personality over long-form readability.

Each character takes up the same amount of horizontal space. Originally designed for typewriters and widely used in coding because alignment becomes predictable and structured.

Choosing a typeface is just the beginning. The real power of typography lies in how you use it.

In print, size is measured in points (pt).
There are 72 points in one inch (not 12).

On screens, we commonly use:

On most browsers, the default base size is 16px. Using em and rem allows typography to scale responsively and improves accessibility.

Weight refers to how thick or thin the letters are.

Heavier weights draw attention and are often used for:

Lighter weights are commonly used for:

Too thin at large sizes can hurt readability.
Too bold at small sizes can create visual strain.

Typefaces with larger x-heights often feel more modern and readable on screens.

Line height controls the space between lines of text.

In digital design, line height is typically set between 1.4–1.6× the font size for body text.

Larger headings can use tighter line heights.
Smaller paragraphs benefit from more breathing room.

Tracking adjusts spacing across all letters in a word or block.

Proper tracking improves both aesthetics and legibility.

Kerning adjusts spacing between specific letter pairs.

For example, combinations like “AV” often need manual adjustment.

Professional logo design frequently involves precise kerning tweaks to achieve balance.

Typography must be readable.

According to WCAG guidelines:

Higher contrast improves accessibility for everyone.

Once individual text styles look good, the next step is creating a typographic hierarchy.

A hierarchy defines rules for:

Generally:

Consistency makes designs feel clean and professional. It also makes future layouts faster to build.

Typography cannot exist in isolation, it is always part of a larger structure.

Designers use grid systems to control wrapping and alignment:

The main point is not about having the perfect grid. What matters most is being consistent.

Typography shapes perception.

The same sentence can feel:

Typography is important because it involves choosing the right fonts, spacing, and hierarchy. Once you understand typography, you move beyond just picking fonts. You start designing ways to communicate effectively. This is when your design becomes intentional.

Typography isn’t just about picking a “nice-looking” font, it’s about communication. The way your text looks directly affects how people feel, how easily they understand your message, and whether they stay or leave.

As a designer in UI/UX or in general, mastering typography gives you a significant advantage. It helps you create hierarchy, guide attention, and build experiences that feel intentional and professional, rather than random.

You don’t need 50 fonts or complicated rules. A solid understanding of the basics, hierarchy, spacing, contrast, and readability is all you need, along with the awareness to use them thoughtfully.

Start paying closer attention to the type choices around you. Analyze apps, websites, posters, even packaging. The more you observe, the sharper your design instincts will become.

Ultimately, great typography doesn’t demand attention, it subtly enhances everything.