A beginner’s guide to typography terms and terminology

The Typographer
sgmnt
Published in
5 min readDec 22, 2022

--

As a beginner in the world of design, it can be overwhelming to navigate all of the different typography terms and terminology. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Understanding the basics of typography can help you to create more effective and professional designs.

Here is a beginner’s guide to some common typography terms and terminology:

  • Typeface: A typeface is a set of letters, numbers, and symbols that share a common design. A typeface is the overall design of a font, and it includes the specific style and appearance of each letter. For example, Times New Roman is a typeface that includes a set of letters, numbers, and symbols with a specific design.
  • Font: A font is a specific weight, size, and style of a typeface. For example, 12-point Times New Roman italic is a font. A font is a variation of a typeface that includes specific design characteristics, such as size, weight, and style.
  • Serif: A serif is a small line or stroke that extends from the main strokes of a letter. Typefaces that include serifs are called serif fonts. Examples of serif fonts include Times New Roman, Georgia, and Garamond. Serif fonts are often considered to be more traditional and formal, and are often used for longer passages of text or for more serious content.
  • Sans-serif: Sans-serif fonts do not include serifs. These fonts tend to have a more modern and minimalistic look. Examples of sans-serif fonts include Arial, Helvetica, and Calibri. Sans-serif fonts are often used for shorter blocks of text or for more casual or contemporary content.
  • Kerning: Kerning is the process of adjusting the spacing between individual letters to create a more cohesive and visually appealing design. Proper kerning helps to make text easier to read and more visually appealing.
  • Leading: Leading refers to the space between lines of text. Increasing the leading can make text easier to read, while decreasing the leading can create a more compact design. Adjusting the leading is a useful tool for creating visual balance and hierarchy in your design.
  • Tracking: Tracking is the process of adjusting the overall spacing of a group of letters. Increasing the tracking can make text more spaced out and easier to read, while decreasing the tracking can create a more compact design. Adjusting the tracking can be a useful tool for creating visual balance and hierarchy in your design.
  • Hierarchy: Hierarchy is the way that different elements of a design are arranged in order of importance. Typographic hierarchy helps to guide the reader’s eye and create a clear visual structure for your design. By using different fonts, sizes, weights, and styles, you can create a hierarchy that helps to distinguish between different levels of information and draw attention to specific elements of your design.
  • Readability: Readability refers to the ease with which a reader can understand the content of a design. Proper typography plays a crucial role in readability, as it helps to make the text easy to read and understand. To create a readable design, consider factors such as font size, line spacing, letter spacing, and font choice. Choose fonts that are easy to read, and adjust the spacing and size of your text as needed to create a cohesive and effective design.
  • X-height: The x-height refers to the distance between the baseline and the top of the lowercase x in a font. Fonts with a large x-height tend to be more legible and easier to read, especially at small sizes. The x-height is an important factor to consider when choosing a font, as it can impact the legibility and readability of your text.
  • Ascender: An ascender is the part of a lowercase letter that extends above the x-height, such as the stem of a lowercase d or the tail of a lowercase y. The height of the ascenders can impact the overall balance and visual appeal of a font.
  • Descender: A descender is the part of a lowercase letter that extends below the baseline, such as the tail of a lowercase g or the loop of a lowercase y. The length of the descenders can impact the overall balance and visual appeal of a font.
  • Counter: A counter is the enclosed space within a letter, such as the circular space within an o or the triangular space within an a. The size and shape of the counters can impact the legibility and readability of a font.
  • Baseline: The baseline is the imaginary line on which most letters sit. Some letters, such as g and y, have descenders that extend below the baseline. The baseline is an important reference point for aligning text and creating a cohesive design.
  • Glyph: A glyph is a specific form of a letter or symbol. Different fonts may have different glyphs for the same letter or symbol. For example, some fonts may have a more traditional glyph for the letter “a,” while others may have a more modern glyph.
  • Ligature: A ligature is a combination of two or more letters that are joined together as a single glyph. Ligatures are often used to improve the legibility or aesthetics of a font. For example, the letters “f” and “i” are often joined together in a ligature to create a more cohesive and
  • Typestyle: Typestyle refers to the overall design and appearance of a font. Typestyles can include things like the stroke width, the slope of the letters, and the serifs or lack thereof. Typestyle is an important factor to consider when choosing a font, as it can impact the overall aesthetic and tone of your design.
  • Type family: A type family is a group of related fonts that share a common design. A type family may include a range of different weights, sizes, and styles, such as regular, bold, italic, and condensed versions. By choosing a type family, you can create a cohesive and consistent look for your design while still having the flexibility to use different font variations for different purposes.
  • Point size: The point size of a font refers to the size of the letters in relation to a predetermined scale. The larger the point size, the larger the letters will be. Point size is an important factor to consider when setting the size of your text, as it can impact the legibility and readability of your design.
  • Pixel size: Pixel size refers to the size of a font in pixels on a digital display. The larger the pixel size, the larger the letters will be. Pixel size is an important factor to consider when setting the size of your text on a digital display, as it can impact the legibility and readability of your design.
  • Margins: The margins of a design refer to the empty space around the edges of the page or screen. Properly setting the margins can help to create a cohesive and balanced design. By setting appropriate margins, you can create a sense of order and structure in your design.
  • Alignment: Alignment refers to the way that text is aligned on the page. Options for alignment include left-aligned, right-aligned, centered, and justified. Choosing the appropriate alignment for your design can help to create a cohesive and visually appealing layout.

By understanding these typography terms and terminology, you can gain a deeper understanding of how type is designed and used in design. This knowledge can help you to create more effective and professional designs that effectively communicate your message to your audience.

--

--