Typography design: Rules and terms every designer must know (2024)

By Ruth Hamilton

last updated

An A to Z of typography design concepts and terms – in words you can understand.

Typography design: Rules and terms every designer must know (1)

Typography design: key concepts

  • Typography design: key concepts
  • Glossary of typographic terms

Typography design: Rules and terms every designer must know (2)

Typography design is a key element of a designer's skill set. The typeface you choose and how it works with your layout, grid, colour scheme and more can make or break a design.

The art and technique of arranging type involve much more than merely making words legible, but the field of typography design is packed with jargon, which can sometimes make it seem rather arcane to outsiders. There's terminology for everything from the correct names for the different parts of letterforms to terms related to their arrangement within a design. To help make things clearer for newcomers to the field – and even more experienced designers who might want a refresher – this is our complete glossary of typography design terms and concepts.

This first page covers some of the basic concepts that every typography designer needs to understand. You can jump to page 2 to see our full glossary of typography design terms. For more advice, see our roundup of great typography tutorials, or explore these perfect font pairings, and see these free wallpapers for typography lovers.

Key concepts for typography design

01. Font selection

Typography design: Rules and terms every designer must know (3)

Font design is a lengthy, detailed process. Typefaces are created by craftspeople over a long period of time, using talent honed through years of experience. The best, professionally designed fonts come with various weights and styles to form a complete family, along with carefully considered kerning pairs, multi-language support for international characters and expressive alternate glyphs to add character and variety to typesetting.

So while there's an astonishing array of free fonts to choose from online, you'll need to check the one you choose includes all the variations you need for your design. Even within paid-for fonts, the amount of choice can be overwhelming – and it can be tempting to stick to the classics. If you're keen to expand your repertoire a little and need some, see our selection of inspired alternatives to Helvetica.

02. Size

Not all typefaces are created equal. Some are fat and wide; others thin and narrow. This means that words set in different typefaces can take up a very different amount of space on the page.

The height of each character is known as its 'x-height' (quite simply because it's based on the 'x' character). When pairing different typefaces, it's usually wise to pair those that share a similar x-height. The width of each character is known as the 'set width'. This spans the body of the letter, plus the space that acts as a buffer between one letterform and the next.

The most common method used to measure type is the point system, which dates back to the 18th century. One point is 1/72 inch, and 12 points make one pica, a unit used to measure column widths. Type sizes can also be measured in inches, millimetres, or pixels.

03. Leading

Typography design: Rules and terms every designer must know (4)

Leading describes the vertical space between each line of type. It takes its name from the practice of using strips of lead to separate lines of type in the days of metal typesetting. For body text that's legible and comfortable to read, a general rule is that your leading value should be between 1.25 and 1.5 times greater than the font size.

04. Tracking and kerning

Typography design: Rules and terms every designer must know (5)

Kerning is the process of adjusting the space between characters to create a harmonious pairing. For example, where an uppercase 'A' meets an uppercase 'V', their diagonal strokes are usually kerned so that the top left of the 'V' sits above the bottom right of the 'A'.

Kerning is similar to tracking, but they're not the same thing. Tracking is applied evenly to adjusts the spacing of all characters in a word.

05. Measure

The term 'measure' describes the width of a text block. If you're seeking to achieve the best reading experience, this is clearly an important consideration. If your lines are too long, your reader can easily get lost, while a too-short measure breaks up the reading experience unnecessarily.

There are a number of theories to help you define the ideal measure for your typography. One rule of thumb is that your lines should be 2-3 alphabets in length (so 52-78 characters, including spaces).

06. Hierarchy and scale

If all the type in a layout looks the same, it can be difficult to know which is the most important information, or what to read first. Size is one key way through which typographers create hierarchy and guide their readers. Headings are usually large, sub-headings are smaller, and body type is smaller still. But size isn't the only way to define hierarchy; it can also be achieved with colour, spacing and weight.

Next page: Glossary of typographic terms

Typography design: Rules and terms every designer must know (6)

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Typography design: Rules and terms every designer must know (7)

Join now for unlimited access

Try first month for just £1 / $1 / €1

  • 1
  • 2

Current page:Typography design: key concepts

Next Page Glossary of typographic terms

Get the Creative Bloq Newsletter

Daily design news, reviews, how-tos and more, as picked by the editors.

Typography design: Rules and terms every designer must know (8)

Ruth Hamilton

Ruth spent a couple of years as Deputy Editor of Creative Bloq, and has also either worked on or written for almost all of the site's former and current print titles, from Computer Arts to ImagineFX. She now spends her days reviewing mattresses and hiking boots as the Outdoors and Wellness editor at T3.com, but continues to write about design on a freelance basis in her spare time.

Related articles

  • Incomprehensible AI images in scientific paper justify our worst fears
  • The 8 worst album covers ever
  • "Hell, yeah," fans react to X-Men '97 poster
  • Tiger Woods turns his back on his old logo
Typography design: Rules and terms every designer must know (2024)

FAQs

Typography design: Rules and terms every designer must know? ›

There are certain typographic rules that every designer should know. These include using proper font sizes, line heights, leading, kerning, tracking, and letter spacing.

What are the rules of typography? ›

7 Typography Rules for beginners
  • Line length (measure)
  • Alignment carefully.
  • Apply Visual space on Block of Text.
  • Pairing fonts wisely.
  • Hanging Punctuation.
  • All Caps.
Apr 6, 2020

What is the golden rule in typography? ›

One Font, Two Typefaces

To create a clear copy that guides the eye through a design, decide on one font and be consistent. You'll want one that can be used for display purposes (headings) and the other to be more functional (body copy). You can play with the weights of the fonts.

What are the most important typography rules for print design? ›

Here are 9 rules of typography that all graphic designers should know:
  • 1) Understand kerning. ...
  • 2) Limit your fonts. ...
  • 3) Utilize visual hierarchy. ...
  • 4) Practice smart pairing. ...
  • 5) Avoid stretching fonts. ...
  • 6) Use negative space. ...
  • 7) Avoid gimmicks. ...
  • 8) Use the right tools.
Jun 16, 2022

What are the common terms used in typography? ›

Typography Terms: Glossary
AscenderFont DecorationSmall Caps
BoldHanging IndentSans-Serif Font
DescenderItalicSerif
EmKerningSerif Font
Em-DashLeadingX-Height
4 more rows
May 10, 2024

What is Rule #1 in typography? ›

Rule #1: Moderation

Generally, use no more than two different typefaces on your site, and limit the number of font weights that you use. A site can quickly appear unprofessional when too many typefaces are being used.

What are the five principles of typography? ›

Principles of emphasis, white space, proximity, and alignment contribute to visual hierarchy, assisting people in navigating and not getting lost while searching for information they need. Another important aspect is the choice of a typeface that depends on project goals and product identity.

What are the 7 golden rules of design? ›

What are the designing 7 rules? The fundamental pillars of design principle are underscored by emphasis, equilibrium, and alignment, contrast, repetition, proportion, movement, and white space.

What is the 3 font rule? ›

Use No More Than Three Typefaces

Most often, two typefaces are enough to cover all your design needs. Moreover, you can get by with one typeface, using its different styles, and you will not lose anything.

What are the 7 contrasts of typography? ›

The Seven Contrasts of Typography are size, weight, form, structure, texture, color, and direction. Dair argued that these types of contrasts should be utilized as essential tools for exceptional typography and effective communication.

What are the do's and don'ts of typography? ›

One of the pillars of typography is readability and legibility. Though hard-to-read logotypes are becoming more popular, you still want to use fonts that are readable no matter who your audience is. That is, use appropriate sizes, add white spaces, and don't condense or enlarge texts to make them harder to understand.

How to create a typography hierarchy? ›

Keeping typefaces approximately the same size, but making the more important heading bold, while making the less important one italic creates definite visual hierarchy. The same can be done with color. A subheading in an accent color will stand out more than a subheading that's the same color as the body text.

How do you make a good typography design? ›

20 Tips to Improve your Typography Skills
  1. Consider the Audience. ...
  2. Choose Professionally Designed Fonts. ...
  3. Apply Hierarchy. ...
  4. Use Grid Systems. ...
  5. Break Out from the Grid. ...
  6. Don't Mix Too Many Font Styles. ...
  7. Use Contrast. ...
  8. Use Whitespace.

What are 3 general rules for effective typography? ›

There are three main technical concepts of typography that every designer should know: Leading, Tracking, and Kerning. Leading is the amount of space between each line in a paragraph. This is particularly important in designs with more content, like articles or blogs.

What are the hierarchy terms of typography? ›

The three levels of typographic hierarchy are headlines, subheadings, and body text. However, as you grow in your ability to create font hierarchy in your designs, you will begin to use more than these three primary levels.

What is the leading term in typography? ›

In typography, leading (/ˈlɛdɪŋ/ LED-ing) is the space between adjacent lines of type; the exact definition varies. In hand typesetting, leading is the thin strips of lead (or aluminium) that were inserted between lines of type in the composing stick to increase the vertical distance between them.

What is the rule of 3 typography? ›

In general, you should only use a maximum of three fonts per design: the title, the subhead, and the body of the text. You get an exception if your design text is long. In this case, you can choose one or two more fonts.

What are the rules for leading in typography? ›

General rule

Leading is the unsung hero of typography and it's crucial to making your text pop. The rule of thumb is to set the normal leading at 120% to 150% of the point size. More than 100% leading is also called positive leading.

References

Top Articles
Latest Posts
Recommended Articles
Article information

Author: Catherine Tremblay

Last Updated:

Views: 5690

Rating: 4.7 / 5 (47 voted)

Reviews: 94% of readers found this page helpful

Author information

Name: Catherine Tremblay

Birthday: 1999-09-23

Address: Suite 461 73643 Sherril Loaf, Dickinsonland, AZ 47941-2379

Phone: +2678139151039

Job: International Administration Supervisor

Hobby: Dowsing, Snowboarding, Rowing, Beekeeping, Calligraphy, Shooting, Air sports

Introduction: My name is Catherine Tremblay, I am a precious, perfect, tasty, enthusiastic, inexpensive, vast, kind person who loves writing and wants to share my knowledge and understanding with you.