What Is a Glyph in Typography?

The word “glyph” comes up constantly in type design, font software, and web typography, and it is easy to confuse with “character” or “letter.” The distinction is worth understanding because it explains how fonts can offer alternate letter shapes, how ligatures work, and why the same text can look completely different in two fonts. This guide defines glyphs clearly and shows why they matter.

Glyph versus character

A character is an abstract concept with meaning: the letter “A,” the digit “5,” a comma, or an emoji. Characters are defined by standards such as Unicode, which assigns each one a unique code point so computers can store and exchange text reliably.

A glyph is a concrete drawing. When a font displays the character “A,” it draws a particular glyph: a specific shape with its own proportions, serifs or lack of them, stroke weight, and style. The character “A” is the same idea in every font, but its glyph is different in Helvetica, Times New Roman, and Comic Sans.

So the relationship is not one-to-one. A font maps characters to glyphs, and that mapping can be complex:

• One character, many glyphs. A font might include several versions of the letter “a,” such as a default form and a stylistic alternate, or small-cap and old-style variations.
• Several characters, one glyph. A ligature such as “fi” is a single glyph that stands in for two characters, “f” and “i,” joined to avoid awkward collisions.
• Context-dependent glyphs. In scripts like Arabic, a single character takes different glyph shapes depending on its position in a word.

Why the distinction matters

Keeping characters and glyphs separate solves real problems. Because text is stored as characters, not shapes, you can search, copy, and read it aloud regardless of which font renders it. The underlying text of the ligature “fi” is still the two characters “f” and “i,” so a search for “find” still matches even when the “fi” is drawn as one glyph.

For designers and developers, the distinction explains why a font with thousands of glyphs can still cover a modest set of characters. The extra glyphs are alternates, ligatures, small caps, and accented forms that enrich how the same characters appear.

The separation also underpins accessibility and internationalization. Because screen readers and translation tools work from the underlying characters rather than the drawn glyphs, text stays meaningful no matter how stylishly it is rendered. A decorative swash capital “Q” is still just the character “Q” to the software, so it is announced correctly and indexed by search engines. This is why typographers insist on styling text through font features rather than inserting look-alike symbols: the former changes only the glyphs, while the latter can quietly corrupt the text’s meaning.

Kinds of glyphs you will meet

Glyphs on the web

Modern web fonts in OpenType format can carry many glyphs, and CSS lets you choose which ones to use through font features. For example, you can turn on ligatures or stylistic alternates:

p {
  font-variant-ligatures: common-ligatures;
}

h1 {
  /* enable a font's stylistic set number 1 */
  font-feature-settings: "ss01" 1;
}

These properties do not change the underlying characters in your HTML; they only tell the browser which glyphs to render. The text you can select and copy stays the same.

One practical consequence is that a font can only display characters it has glyphs for. If your text contains a character the font does not cover, the browser falls back to another font, or shows a placeholder box sometimes nicknamed “tofu.” That is why wide language or symbol support means a font needs a large glyph set.

How designers work with glyphs

Type designers draw each glyph individually and define how they map to characters and how they combine. Font-editing tools display a “glyph palette” or “glyph panel” showing every shape in the font. Designers decide spacing, kerning pairs, and which optional glyphs to include. A font’s quality often comes down to the care taken across its full glyph set, not just the common letters.

That effort scales quickly. Supporting an additional language can mean drawing dozens of new accented glyphs; supporting a non-Latin script can mean hundreds or thousands more, each needing consistent weight, spacing, and style. Features such as old-style numerals, small caps, fractions, and arrows each add their own glyphs. This is why professional font families are measured not only by how many weights they ship but by how complete and coherent their glyph coverage is.

Frequently asked questions

Is a glyph the same as a letter?

Not exactly. A letter is one kind of character, an abstract idea. A glyph is the drawn shape a font uses to show that letter. Letters are only one type of character that glyphs can represent; digits, punctuation, and symbols have glyphs too.

Can one character have more than one glyph?

Yes. A font may include several glyphs for the same character, such as a default form, a small cap, old-style numerals, or stylistic alternates. Which one appears depends on the font’s rules and the features you enable.

What is a ligature?

A ligature is a single glyph that represents two or more characters drawn together, such as “fi” or “fl.” It exists to prevent awkward overlaps between letters and to improve the look of the text, while the underlying characters stay separate.

Why do I sometimes see empty boxes instead of text?

That box, sometimes called “tofu,” appears when the font has no glyph for a character in your text. The browser cannot draw a shape it does not have, so it shows a placeholder. Choosing a font with broader glyph coverage, or a fallback font, fixes it.

How many glyphs does a font need?

It depends on the languages and features it supports. A basic Latin font may have a few hundred glyphs, while a font covering many scripts, accents, ligatures, and alternates can contain thousands.