|ype and typography are fundamental to the printed page. And yet, in the age of web and word processor, it's hard not to notice that as we've marched forward, we've left something behind. As such, we thought we might devote this month's newsletter to All Things Type. Well, maybe not all things–books have been written on the subject, after all–but we hope that we've covered the basics and provided a few good tips to help you take type to the next level. Decide for yourself by reading on.|
|At fonts.com, you can find quite a few features on all things typographic, and we thought one article in particular was really quite insightful.
We've excerpted a few paragraphs written by Allan Haley, the Creative Director for Monotype Imaging. Monotype owns the fonts.com site.
"So what makes a typeface legible? A long-standing typographic maxim is that the most legible typefaces are "transparent" to the reader–that is, they don't call undue attention to themselves. Additionally, the most legible typefaces contain big features and have restrained design characteristics. While this may seem like a typographic oxymoron, it's not. "Big features" refers to things such as large, open counters, ample lowercase x-heights, and character shapes that are obvious and easy to recognize. The most legible typefaces are also restrained. They are not excessively light or bold, weight changes within character strokes are subtle, and serifs, if the face has them, do not call attention to themselves."
For the full story, which has great examples and is worth the read, just follow this link to the article on fonts.com: It's About Legibility by Allan Haley.
|Kerning vs. Tracking. Although they are very similar in what they do, kerning and tracking are two different concepts that can improve the aesthetics of typography. Here are the definitions of each with a few examples.
Kerning refers to the reduction (or expansion) of space between two characters. It is a way to change the white space between letters to improve comprehension and readability. By changing the space between specific letters, it can also make your design look better.
Tracking is also known as range kerning or universal negative letterspacing. With it, white space is removed from all character pairs, not just specific kern pairs. When creating a page, look for rivers of white space in the body copy and if you see them, consider tracking the text. A slight amount of tracking (a setting of -1 or -2) can often improve type set at body-copy sizes (14 point or smaller). More should be allowed for headlines, according to type style.
Most page-layout programs automatically kern letters, but they cannot always be relied upon to do a stellar job–especially with larger type and headlines. So designers may need to manually kern some letterspaces.
If you think of how type used to be set, it will help you understand the need for kerning. All characters are basically positioned in an imaginary rectangle. But the shapes of some letters will leave a ton of white space between them. Consider the amount of space between a capital "W" and a lowercase "e" as an example. Without some kerning there would be a bunch of white space between "We".
|In case you were wondering, here are definitions of the main terms related to type and letterforms.
|Typographically speaking, there are three types of dashes, each used for different reasons. Below is an overview of each, with examples on the left.
As the name suggests, the hyphen is an automatically-generated dash that occurs when a multi-syllable word breaks at the end of a line, inserted by the software justifying the column or page of type. In addition to this fundamental role, here are the grammatical situations where the appropriate choice is either the hyphen, en dash or the em dash:
|Both brackets and parentheses are used to insert explanatory material into a sentence. The key difference: Whether what's being explained is a quotation or not. In case you were wondering when to use a set of brackets vs. parentheses…
Brackets [ ] are used to enclose explanatory material inserted into a quotation by someone other than the original writer or person being quoted. [I did not know that! –Editor]
Use parentheses (the marks surrounding this phrase) as a way to provide an additional or alternative explanation of the subject at hand: The record low for July 9 was 60°ree; (15°ree;C). Acronyms are good examples of when to use parentheses: National Football League (NFL).
|Ligatures are special characters built into many fonts. These single characters replace a combination of characters. For example, ? replacing the f-i combination and ? replacing f-l .
Many applications, including InDesign and Photoshop, will automatically substitute ligatures when encountering the letter combinations they replace. If for some reason you would rather they didn't, turn off ligatures from the fly-out menu of the characters palette, as far as Adobe applications are concerned.
If you are using a program that doesn't support ligatures, you can always type them in manually. In the example above, we accessed ? by typing ? and ? using ?. Note that in all of the web-based encodings found in this article, the semi-colon is not meant as punctuation; you must type it to complete the string to call the character from the ASCII table. Beware, though: Applications such as InDesign substitute the characters for display and printing while "remembering" the underlying characters for spelling and searching. When you start typing ligatures manually, your computer will not recognize a word with a ligature as properly spelled and will not find it if you search on the normal spelling.
|To the left you will find an example of each of the major typeface classifications. A brief explanation of each is below.|
And with this overview of classifications, our discussion of topics typographic is a wrap [OK, we admit it: We couldn't resist the urge to end on a bad pun].