What Is a Glyph in Fonts?
By Maya Chen, lettering designer and type educator · Checked by Jordan Hale · · How we review content
A glyph is a drawn shape. When you see the letter a on screen, you are looking at a glyph: an outline stored in a font file, scaled to size and filled with pixels. Typefaces are, at the file level, collections of glyphs plus tables that decide which glyph to show and where to put it.
Three words that get mixed up
| Term | What it is | Example |
|---|---|---|
| Character | An abstract unit of text, defined by meaning | The Latin capital letter A |
| Code point | The number Unicode assigns to a character | U+0041 |
| Glyph | A shape in a font used to display it | A in Times, A in Helvetica, A in bold italic |
The relationship is many-to-many. One character can have many glyphs: a shows as a double-storey a in Times and as a single-storey ɑ-like shape in Futura, and the same font may contain small-cap, swash and old-style versions. And the reverse happens too: the fi ligature is one glyph produced from two characters. Some glyphs are not mapped to any character at all, being alternates reached only through OpenType features.
Unicode standardises characters, not glyphs. It says U+0041 is “LATIN CAPITAL LETTER A” and gives a sample picture, but how it is drawn is the font’s business.
How text becomes glyphs
When software displays text, it does this in order:
- Reads the characters (code points) from the text.
- Picks fonts, falling back to others if the first lacks a character.
- Maps each character to a glyph id in the font.
- Applies shaping: ligatures, kerning, mark positioning for diacritics, and contextual forms.
- Draws the outlines at the right position.
When step 2 fails, the renderer shows a placeholder, the box often called “tofu”, the missing-glyph. Our guide on why fancy text shows boxes explains how to avoid it.
Glyphs in lettering
In hand lettering the word “glyph” is useful whenever you design alternates. A typeface designer draws several glyphs for the same letter, such as an e with a long swash tail for the end of a word. A letterer does the same on the page: each letter in a word is a one-off drawing, which is why lettered words look different from typeset ones, and why swash forms are a natural fit for lettering. See what is lettering.
Glyphs and fancy Unicode text
This is the point where the distinction pays off. The “bold” in 𝐛𝐨𝐥𝐝 text is not a bold glyph of the letter b. It is a different character, MATHEMATICAL BOLD SMALL B (U+1D41B), which has its own code point and, in a font that includes it, its own glyph. Pasting it into a post does not format anything; it inserts different characters. That has three consequences:
- Search treats them as different letters from plain b, so fancy text is not found by normal searches.
- Screen readers read the character names, not the letters, as discussed in fancy text accessibility.
- If the viewer’s fonts lack a glyph for the code point, they see a box. Our unstyle text tool converts such characters back to plain letters.
For a fuller picture of how the characters are built, see how fancy text works.
Common confusions
- Glyph is not the same as font. A font holds many glyphs.
- Glyph is not the same as character. Compare Unicode’s own sentence: characters are what you type; glyphs are what you see.
- Emoji are characters with glyphs too. An emoji’s picture is a glyph from a colour font and can look different on each platform.
Frequently asked questions
What is the difference between a glyph and a character?
What is a code point?
Why do I see a box instead of a glyph?
Are fancy text letters different glyphs of the same letter?
Related terms
- What Is a Ligature in Typography?A ligature is a single glyph that replaces two or more letters that would otherwise collide, such as fi, fl or ffi. Standard ligatures are applied automatically by the font; discretionary ones are decorative and optional.
- What Is a Diacritic?A diacritic is a mark added to a letter to change its sound, stress or meaning, such as the accent in é, the tilde in ñ or the umlaut in ü. In Unicode, many diacritics are combining characters that attach to the letter before them.
- What Is a Swash in Typography?A swash is an ornamental extension of a letter, such as an exaggerated tail, entry stroke or flourish. Swash capitals and alternate letters appear in italic and script typefaces and are usually switched on through OpenType features.
- What Is a Display Font?A display font is a typeface designed to be used at large sizes, such as headlines, posters, logos and packaging, where personality matters more than comfort in long reading. It is the counterpart of a text typeface.
- Typography & Lettering GlossaryThe Typography & Lettering Glossary defines twenty terms that type designers and letterers use every day, from kerning and x-height to serif, ligature and blackletter. Each entry gives a precise definition, then shows what the idea means for hand lettering and for the styled Unicode text our generators produce.
- What Is an Ampersand? Origin of the & SymbolThe ampersand is the symbol & meaning "and". It began as a handwritten ligature of the Latin word et, its name comes from the old schoolroom phrase "and per se and", and many typefaces draw it in strikingly elaborate ways.