-
-
Instructions
typecards is a digital typographic reference that goes with you on all your devices. Use the flash cards to build your typographic knowledge or search for terms and keywords to discover oddities like what that little hook on a ‘g’ is really called.
Pull down the cards to get started or enter a search term to jump to a specific card. After that you can swipe to navigate through the cards and tap a card to flip it and view its details.
About
typecards is an experiment by @jimmynotjim using html and javascript to create a native app like experience, on any device. It's a work in progress so there's sure to be bugs and incomplete information. Please report any inconcistencies to help@typecardsapp.com.
Online
- Web
- typecardsapp.com
- @typecards
- appnet
- @typecards
- Web
- jimmynotjim.com
- @jimmynotjim
- appnet
- @jimmynotjim
-
Aperture
Definition
The open space in the partially enclosed, somewhat rounded negative space of a letter form or symbol (or open counter).
Some type families have very narrow apertures, while others are much wider. At small sizes or at low resolution the apertures of some letters may fill in and appear solid, decreasing readability (like with Helvetica).
Also Known As
open counter
Examples
Characters containing an aperture include c, e, g, h, m, n, s, u, C, G, S, and U
-
Apex
Definition
The point at the top of a character—such as an uppercase A–where the vertical strokes meet. The apex may be a sharp point, blunt, hallow, extended or rounded. The apex will typically extend past the cap-line, especially with families that are pointed (like with Futura) or hallow.
Also Known As
top
Examples
The tops of the letters A, M, N, and W
-
Arm
Definition
The arm of a letter is the horizontal stroke that does not connect to a vertical stroke or stem at one or both ends. The top of the capital T and the horizontal strokes of the F and E are examples of arms. Additionally, the diagonal upward stroke on a K is its arm. Sometimes arm is used interchangeably with bar, crossbar, or cross stroke.
Arm is also often used to describe the mostly horizontal top stroke of C, double-storey a, G, and other glyphs, to include the finial, terminal, spur, or other elements of the stroke.
Also Known As
crossbar, cross stroke
Examples
The arms of an uppercase F connect to the stem only at one end and the arm of an uppercase T sits at the top of the stem and doesn't connect at either end. In contrast a cross stroke intersects the stem of a lowercase t or f and the cross bar connects the diagonal strokes of an uppercase A or the vertical stems of an H.
-
Ascender
Definition
The upward vertical stroke on some lowercase letters, such as h and b, that extends above the x-height and often above the cap height. Families with shorter x-heights typically have longer ascenders and vice-versa.
Also Known As
extender
Examples
The stem of the letters b, d, h, k, and l that extends above the x-height.
-
Axis
Definition
An imaginary line drawn from top to bottom of a glyph (letter or character of type) bisecting the upper and lower strokes that indicates the angle of stress. The inclination of the axis of the lowercase o is used to measure the angle of stress. A completely vertical axis indicates an angle of 0 or vertical stress, while an axis that leans to the left or right has angled (positive or negative) stress. Early styles of typography usually shared the same axis or stress angles.
Also Known As
stress, angle of stress
Examples
Old Style fonts, based on ancient Roman inscriptions, typically have a left-leaning or negative axis while Transitional styles that evolved later had less stress or a closer to vertical axis.
-
Baseline
Definition
The imaginary line where a line of text appears to rest and below which descenders extend. The baseline combined with the height of the lowercase x define the x-height. The vertical distance between two baselines makes up the line height or leading. This vertical distance is used to create a vertical rhythm or vertical grid of a page.
Examples
Letters such as i, m, n, w, x and z sit on the baseline while letters such as a, c, e, o, s, and u have an overshoot and sit just below the baseline.
-
Bowl
Definition
The curved part of the character that encloses the circular or curved parts of some letters, such as d, b, o, D, and B. Some also consider the straight side of a closed counter to be a bowl. This includes both sides of an a, both parts of a double-storey g and the straight stem on a D or B. The curved strokes of a C are also sometimes referred to as bowls although they aren’t closed.
Examples
The bowl usually refers to the main, enclosed circular portion of some characters and not usually the curved loops that may be a part of the extenders or other flourishes on letters such as the double-storey g, cursive b, d, l or y.
-
Bracket
Definition
The transitional element of a character that connects a stem with a serif. Often this takes the form of a curve, but could also be a sharp angle. In cases where there is no transition from the stem to the serif—such as in many Didones—the character has no bracket.
Also Known As
bracketed serif, fillet
-
Cap Line
Definition
The height from the baseline to the top of the uppercase letters excluding the overshoot. The cap height is not always the same as the ascending line of a fonts ascending letters.
Examples
The flat top of a capital H, T or W will define the Cap Line.
-
Counter
Definition
The enclosed or partially enclosed circular or curved negative space (white space) of some letters such as d, o, and s. The term counter may sometimes be used to refer only to a closed space, with open counter referring to the partially enclosed spaces in m, n, or h.
Also Known As
aperture, inner space, enclosed space
Examples
Letters containing closed counters include A, B, D, O, P, Q, R, a, b, d, e, g, o, p, and q. Letters containing open counters include c, f, h, i, s etc. The digits 0, 4, 6, 8, and 9 also possess a counter(s).
-
Crossbar
Definition
The (usually) horizontal stroke that connects two stems, such as in an A or H. Although often used interchangeably, the crossbar differs from an arm and a cross stroke because each end connects to a stem or stroke and doesn’t (usually) intersect/cross over the stem or stroke.
Also Known As
bar, arm, cross stroke
Alternate Spelling
cross bar (two words)
Examples
The cross bar connects the diagonal strokes of an uppercase A or the vertical stems of an H. In contrast, the cross stroke intersects the stem of a lowercase t or f while the arms of an uppercase F connect to the stem only at one end.
-
Crotch
Definition
An acute, interior angle where two angled strokes meet, similar to the junction of two limbs of a tree.
Examples
The interior angle of the letter V is it's crotch.
-
Descender
Definition
The portion of some letters, such as g, y and Q, that extends or descends below the baseline is the descender. Some typefaces, also use descenders on old-style numerials (typically 3, 4, 5, 7, and 9).
Also Known As
extender, tail, loop
Examples
The descender may be a stem (p, q without a loop), a stroke (y without a loop), a loop (double-storey g), or a tail (Q, regular g).
-
Diacritic
Definition
An accent mark that aids in pronunciation. In many non-English Latin languages, it is used to differentiate homonyms. For example, the acute diacritical over the letter e changes the pronunciation to more of a long a as in resumé and café. The most common diacriticals are acute, cedilla, circumflex, grave, tilde, and umlaut.
Also Known As
accents, accent marks
Examples
The list of possible diacritics is extensive and varies greatly depending on the language of the text, though â (circumflex), é (acute), ç (cedilla), ü (umlaut), ñ (tilde) are some common examples of the use of diacritics.
-
Diagonal Stroke
Definition
An angled stroke that often connects to a stem.
Examples
The angled lines of an A, M, N, V, and Z are all diagonal strokes.
-
Discretionary Ligature
Definition
Certain typefaces have a ligature that is somewhat more unusual, and it is left up to the designer to chose to use these ligatures. They are rarely used in body copy, but often used in display type or logotypes to create an additional typographic flourish.
-
Ear
Definition
The decorative flourish found on the lower case ‘g’, projecting from the upper right side of the bowl.
-
Extender
Definition
A somewhat generic term that can refer to either an ascender or a descender.
Examples
These characters all have ascenders or decenders, and are thus considered to have extenders: b, d, g, k, p, q
-
Eye
Definition
Similar to a counter, specifically the enclosed space in a lowercase e.
Also Known As
counter
-
Finial
Definition
The end of a letterform that is a tapered or curved.
Also Known As
terminal
Examples
The lower terminal on the letters c and e as well as the upper terminal of a double-story a are finials.
-
Hairline
Definition
The thinnest stroke found in a typeface that consists of strokes of varying widths.
Also Known As
hair stroke
Examples
The hairline is most obvious is high contrast faces such as modern Diodones.
-
Leg
Definition
The lower, angled stroke of the K, k or R excluding the serif.
Also Known As
Tail
-
Ligature
Definition
An optional connection between two or more characters to create a more visually appealing arrangement of the characters. The designer may opt to use ligatures in situations when characters repeat (such as “ff”) to create a more dynamic shape or when the dot of a character might intersect with another character (such as “fi”). Some modern fonts expand the concept by offering extensive swashes or alternate characters that are created through the use of ligatures.
Examples
ff, fi, ffi, ft, st
-
Open Counter
Definition
The partially enclosed circular or curved negative space (white space) of a letter as in c, e, m, n, or h.
Also Known As
aperture
-
Overshoot
Definition
If the lowercase “o” where the same height as an “x,” it would appear shorter to the eye. To maintain a visually consistent size, type designers extend the tops and bottoms of certain characters beyond both the baseline and x-height for lowercase letters, or beyond the baseline and cap height for uppercase letters.
Examples
Though it varies by typeface, these characters often utilize overshoot: a, c, m, o, s, A, C, O, Q, S
-
Shoulder
Definition
The curve reaching out from the leg of a character, such as in an m or n.
Also Known As
arch
-
Spine
Definition
The main left to right curving stroke in an upper and lower case S. The spine may be almost vertical or mostly horizontal, depending on the typeface.
-
Spur
Definition
Similar to a serif or beak, a spur is a small projection at the end of the curved portions of letterforms, such as the end(s) of a C or S, the middle of a G or where the curved taper meets a stem as in a b, d, p or q.
Also Known As
serif, barb, cat's ear
-
Stem
Definition
The stem is the primary–and most often vertical–stroke of a letterform excluding any serifs. In most fonts the stem is roughly the same thickness as the other strokes of the form. In high contrast typefaces, the stem may be distinctively thicker or thinner than the other strokes.
Also Known As
stroke
Examples
Not all letters have a stem, such as C or S. The vertical, non-curved portions of L, l, d, B, and p are examples of stems. H, N, and M have two stems each. Some letterforms such as y and A may have a sloped or diagonal stem.
-
Tittle
Definition
A small mark or dot above a lowercase i or j.
Also Known As
dot
-
X-Height
Definition
An relative measurement that is the vertical distance from the baseline to the top of the lowercase “x” character in a typeface. Other lowercase characters are often a similar height to the x—such as the v, w and z—but the x is used as the top of the character is usually the closest to flat and level on many typefaces. Faces with a larger x-height are often more readable, but will likely take up more space.
Also Known As
meanline