eXtreme Type Terminology

Part Three: The ‘Black Art’—by Paul Dean

An invisible grid of parallel horizontal lines is used as a constant reference in the creation of a font. It resembles a musical score and its four (or five) horizontal lines represent, from top to bottom, the ascender line (the height of the highest ascender), which is sometimes equivalent to and sometimes higher than the ascent or capline (the height of the capital letters). Next comes the meanline or waist line (the height of a lowercase x), which can be referred to as a high waist line or a low waist line; the baseline (on which the letters appear to rest); and finally, at the very bottom, the descent, descender or beard line (the level to which the lowest descenders descend).

5 lines of type


Ascenders are the parts of some lowercase letters that rise above the meanline, and descenders are, conversely, the parts of some lowercase letters that fall below the baseline. The ascenders and descenders of a given typeface may be described as long, normal or short. There are a number of self-descriptive terms for the relative distances between the lines on this typographic grid, such as the p height, the k height, the H height or cap height, and, most famously, the x height or body of a typeface.

The lowercase letters, which, like the x, have no ascenders or descenders, are known as the primary letters. The uppercase or capital letters are the 23 capitalis monumentalis invented by the Romans, plus three characters that were added to the alphabet later: U and W, about a thousand years ago, and just 500 years ago our youngest letter, J was born.

I look for unevenness, for letters that are over- or under-weight, for any inconsistencies that might flag the flavor. Every letter must be independently legible so that if it is seen out of context it will not be misread. Finally the entire alphabet must be ‘in tune’….
The oboe is the first instrument you hear when a symphony orchestra begins to ‘tune up.’ The oboe gives the pitch. It has great penetration and can easily be heard by all the other instruments. Now comes a surprising coincidence: the letters O B E in the word OBOE and the lowercase letters o b e—or preferably o d e—are, by the nature of their design, key letters that give the pitch to which other letters of the alphabet may be tuned. O B E and o d e carry a big load in determining the character of a style. They are not dramatic shapes like a or g or s, but they sound the pitch clearly. First they must be in tune with each other, then the remaining letters should be in design harmony or in artistic balance with these three. All must be in tune.”
—Edward Rondthaler, Life with Letters, as they turned photogenic, 1981.

When creating a new typeface, type designers sometimes look at particularly revealing words to test the look of the letters in sequence. These are known as key words, trial words, test terms, and sometimes simply as proof. The word Slang, for instance, contains an uppercase letter, lowercase letters, an ascender, a descender, round letters and straight letters. The aforementioned Oboe is a key word; some other popular trial words are Champion, Hamburgevons, Hamburgefonts and even, for those who really want to study their emerging typeface, Hamburgefontsiv.

A set of fonts that are designed to appear related, but with contrasting proportions and weights, is known as a family. A type set is a complete set of letters, sometimes, but not always, including both uppercase and lowercase characters and basic punctuation. A type set is also known as a font. An advanced type set, which typically include alternate characters such as swash letters, once very popular in book and movie titles, is known as an expert set. Expert sets often contain alternate characters and small capitals or small caps, are often used for the first few words of an opening paragraph.

Typographic Color

The praises of the discoverer of the ‘black art’ continue to be sung right up to the present time. Mark Twain for instance says that the whole world acknowledges without hesitation that Gutenberg’s discovery was the greatest event known to man.
—Albert Kapr, The Art of Lettering; The History, Anatomy, and Aesthetics of the Roman Letter Forms, 1983.

When typographers mention to color, they are typically not referring to a rainbow. They are speaking, instead, of black and white and the wide range of grey textures which are called forth when white and black interact. Every typeface has its own apparent lightness or darkness, or optical weight. Arranged as they might fall along an imaginary grey scale, some of the terms used to describe a type’s color are, from darkest to lightest: black, ultra bold, extra bold, bold, demi or demi bold, medium, book, lightface, and hairline. As the great Swiss typographer Emil Ruder put it in 1960, “The business of typography is a continual weighing up of white and black, which requires a thorough knowledge of the laws governing optical values.”

According to tradition, the ideal typographic color for a block of text is an even grey that can be better seen when you slightly squint your eyes at a page of type. Rivers are vertical ribbons of white space that sometimes appear by happenstance in a column of type. To the most sensitive typographers, rivers are like fingernails on a blackboard. They are most common in newspapers, which tend to have narrow columns and tight deadlines. The problem with rivers is that they draw your attention away from the text that you were trying to read.

text river

A bad break refers to an awkward typographic situation which might distract a reader from a typeset text. Typographers take bad breaks very seriously and have given them appropriately tragic names. A widow occurs when a short word at the end of a paragraph is left alone on a single line, thus awkwardly breaking the column of type. When this lone word occurs at the top of the next column, the poor thing is called an orphan. Typographers and graphic designers blithely toss some other startling words, referring to the bleed (images or text which run off the edge of a page), a full bleed (a bleed on all four sides of a page), and the often gleefully spoken kill, which denotes the power to delete unwanted copy from the design.

White Space

Among graphic designers and typographers there is an extensive vocabulary for describing white space or negative space, the unprinted area of a printed piece. This terminology includes the margin (the space around a column of text), which might be a head margin (above the text), a foot margin (below the text), a side margin (towards the edge of a book or magazine), or a gutter or alley (the space toward the page fold, or between columns of text). Reversed type or knock-out type is type that is not actually printed, but is revealed, in the color of the printed surface, by the ink that surrounds it. Open matter refers to text, such as pull-out quotes (also known as lead-ins, extracts, or callouts) that is set with abundant linespacing or many short lines.

The white space between lines of text type is known as leading, and is quantifiable in points. The term comes from the strips of soft metal, which were once placed snugly between rows of metal type. These strips of leading were lower than the type itself, and so did not print. Today leading is also referred to as linespacing, interline spacing, linefeed, or interlinear space (a term preferred by many authors). Lines of type with no leading are said to be set solid. These days, leading refers to the distance between baselines. Negative linespacing or reverse leading is now possible with digital type, but is never good for extended text, as the ascenders and descenders collide.

linespacing or leading

Every typographer knows that it is the space around and between the letters that defines the letters. This interletter spacing, letter spacing, letterspacing or tracking, as it is variously known, can be described as loose, normal, tight, very tight, kissing (the super-tight spacing popular in the 1970s), touching, and there is even a term for the step beyond: negative letterspacing.

negative letterspacing

When characters that should not touch each other, do, this is known as a crash. When the space between pairs of letters is fine tuned by the typesetter, this is known as kerning. Kerning includes the adjustment of space known as white space reduction, which is also known as dovetailing, notching or undercutting. But kerning can also refer to an expansion of space, as when kerning to correct a crash.

kerning: pairwise space adjustment

The space between words is known as interword separation, interword spacing, word spacing or wordspacing, and can be described as loose, normal or tight. There are also specific blank spaces that relate to the size of the type. The em space, mutton or mutton quad is the width of a capital M, the en space, also known as half an em or a nut, is half that width.

In the days of metal type, the em space and en space were supplemented by even smaller spaces, such as the 3-em or 3-to-the-em space, a third of the width of an em space, the 4-em or midspace, one quarter of the width of an em space, and the 5-em space, or 5-to-the-em space, one fifth of the width of an em space. Nowadays, graphic designers tend to refer to the smaller spaces as, in order of their decreasing widths, a flush space, a thin space and the tiny hair space. Other spaces worth noting are the nonbreaking space, which refuses to be hyphenated, the figure space, the width of a monospaced number, and a punctuation space, the width of the simplest punctuation marks.

[Paul Dean teaches graphic design at Louisiana State University in Baton Rouge. His hobby is his freeform blog: www.djmisc.com. This is the third in a five-part, quick-fire type terminology tour de force. The entire series will be available as a lovely printable PDF with lots of additional illustrations.]


Read Part 1; Part 2; Part 4; Part 5


Tags:       

  1. Excellent article again. Very informative.

  2. sallyyi

    Hi Johno,
    I didn’t check ILT for long time. Wow!! so much info but I enjoyed. I’m gonna read 1 & 2 now. Thanks

  3. Dave
    Thanks, Dave. I enjoyed it too. All praise to Paul.

    sallyyi
    Yes, I haven’t seen you in the comments for a while. Good to see you. Enjoy parts one and two.

  4. Once again, great work Paul. Thanks for sharing.

    I’m looking forward to the final PDF compilation; something I’d gladly pay for.

  5. I’m considering 1, 2, and this one part of my ongoing studies. Wonderfully informative for utter type-stoopid people like me! Thank you!

    —Shuku

  6. Hamish
    If Paul is in agreement, then the PDFs will be free to download.

    Shuku
    Sounds like a good idea. And I’m sure you’re not “type-stoopid” :)

  7. Lindsay Rollo

    The ‘rivers’ example is hardly fair, as the rivers have been induced by at least deliberate double word spacing — look at the size of the word spaces elsewhere in each line.

    It should not have been too hard to find a ‘real life’ example.

    Rivers in justified setting is usually caused by one of two factors, sometime both — a mis-match of type size and measure; or an unwillingness to hyphenate the text.

  8. Nick

    This article restates what seems to be a common misconception that the em space is as wide as a capital M. An em is a unit whose width is equal to the size of the font… for example, an em space in 12-point text is exactly 12 points wide.

    See also Cyrus Highsmith’s article which describes it in detail.

  9. Lindsay
    Yes, the rivers have been artificially introduced−exaggeration for emphasis. I shall scan some ‘great’ examples from my Newspaper; lots of narrow columns with type that has outgrown them.

    Nick
    In metal type, the M was often cast to the full width of the em-quad or block of type. However, nowadays, the em unit is a measure equivalent to the size of the type. Thanks.

  10. I have to concur with Nick.

    When ordering metal type, em quads, em dashes, and the like were always completely separate from any particular font. Em quads are, by definition, square pieces of a particular size (a 12-pt. em quad was 12 points square) — thus the same width as the type is tall.

    > In metal type, the M was often cast to the full width of the em-quad or block of type.

    I have never encountered this to be true. I can’t think of a letter M that would be cast on a square body, where the advance width was the same as the height of the body. Think about the distance given to ascenders and descenders. Since the cap height is generally only a portion of that total vertical distance (usually on the order of 70%), that would make an M that was significantly wider than it is tall — almost 1.5 times as wide as tall, not a squarish M as most generally are. Or else, it would mean extremely wide sidebearings.

  11. Kent
    Now you’re making me think! There’s an interesting thread on Typophile about the EM, and its numerous−and sometimes contradictory− definitions. I think I’ll re-read that thread. Thanks for your contribution. Greatly appreciated.

  12. I guess the actual link would be useful:

    Typophile “EM” node.

  13. Natalie Jost

    Thank you! Just thank you.

  14. Only 3 webfonts are worth using on the web though. Georgia, Verdana and MS Trebuchet, and I’ve gotten bored of them.

  15. Very nice article. I’ll be reading the first two installments shortly and I look forward to parts 4 and 5. Typography fascinates me.

  16. Hey thanks for the vocab lesson. Now I won’t sound like an idiot when talking to the print shop or layout people. Anything that helps remove the word “thingie” from your vocabulary has to be useful hehe.

  17. Great article, Paul! That PDF sounds like it will be a fantastic resource.

    Johno, The other day I was working at a computer center near my home (I live in a rural area and don’t have a printer of my own), in order to do a bit of test printing of my own text in various fonts. (I want to make a printed copy of my five+ years of blogging, eventually.) I was pretty excited to get the first sheets out of the printer, and start comparing them! Even though I was only using Microsoft Word and some of the fonts therein, it was exciting to see text and fonts go from the screen to the page. :) Whee!

    Also, I love the header for this article. How did you make it?

  18. Buck
    Good to see you here. I’m still a fan of “thingies” ;)

    Leah
    Good news. The header was kindly created by Vlad Fratila. He explains the process behind its creation in the comments to his post, Typographic Jargon. It’s a great header, isn’t it!

  19. Vrinda

    Wow! This ones a recap of pretty much my entire semesters type class
    (the type terminology bit).
    Great Reference! Thank you!

  20. Thank you for the positive comments. I tried to keep it concise. You know … “just the facts, Ma’am.”

  21. Mat

    Wow a great insight into typography. It’s a shame web designers don’t pay more attention to it a I strongly believe it’s a key point in any successful design.

  22. Dan

    Slap me! I nearly missed the hidden message.

  23. Dan
    Great. Someone noticed it :)

  24. This is an awesome article! Thanks for all the solid info.

  25. DazzleCat

    fab stuff as always

  26. The rivers known in s-panish as knives or chimneys- they have an important meaning in the graphology. They are equivalent to psychic disturbances the same as in typography they are aesthetic disturbances.

  27. Wow, what a mouth full but, a help full mouth if that. Thanks

previous post: Sunday type: dotsquared type

next post: Sunday type: ampersand type

July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts January Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts december Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts May Fonts April Fonts March 2011 Fonts February 2011 Fonts January 2011 Fonts December 2010 Fonts November 2010 Fonts October 2010 Fonts September 2010 Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February 2010 featured fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts