Erik Spiekermann’s Typo Tips
With the invention of “desktop publishing”, designers found themselves setting type on their computers for the first time. Until then, they had made type specifications for typesetters and left the job up to the professionals. As a result, you can still see classic inaccuracies in typesetting, even in top-quality printed matter. Here you will find some tips from Erik Spiekermann, designer of FF Meta®, Meta Design founder, co-author of “Stop Stealing Sheep”, and a FontShop founder, which will prevent some of the more obvious blunders.
1. A CAPITAL MISTAKE
NEVER use CAPITAL letters to accentuate words in running copy. They STICK OUT far too much spoiling the LOOK of the column or page. Use italics instead. If you have to set words in capitals, use proper small caps with or without initial capitals.
There are three different ways to connect or separate words: the hyphen -, the en dash –, a little wider than the hyphen, and the em dash —, wider still. The regular hyphen is easily accessible on any Mac or PC keyboard, whereas the en dash needs the combination option-hyphen on the Mac. The em dash is accessed by pressing
option-shift-hyphen on the Mac. The use of these dashes depends on house styles and tradition. The em dash with no space around it is traditionally used to separate thoughts—like this one—but I think its length is a distraction in running text. Try using the en dash to separate thoughts – like this one – with a character space on either side. En dashes without space on either side are also used between numbers and compound words as in: the shop is open 10–7, while you can take the New York–Kansas City train or the New York–Baltimore train only 8am–3pm.
3. “ & ”
A dead giveaway for unprofessional “desktop typography” are wrong quotes and apostrophes. Quotes can have different shapes. They generally look like “this”, and can be remembered as beginning and ending quotes by thinking of “66” and “99”. Beginning quotes are found on the Mac by pressing
option-[; closing quotes,
option-shift-[. The apostrophe is simply a raised comma, the shape of a ’9 in most typefaces. It is identical to the closing single quote, while the open single quote looks like a ‘6. Beginning single quotes are found on the Mac by pressing
option-]; the apostrophe and closing single quote,
4. Figuring It Out
Good text typefaces have “old style”, “text”, or “lowercase” figures – 1234567890 – instead of “lining” ones –
1234567890. Lining figures were originally designed to be used with setting of all capital letters. Lowercase figures blend in better with the text settings, as the figures behave like lowercase letters with ascenders (6 and 8) and descenders (3, 4, 5, 7, 9) and x-height-only characters (1, 2, 0). While they fit in text very nicely, the good looks have one disadvantage: each of the figures have individual widths, meaning they won’t sit directly underneath each other in columns. Their descenders may also clash with ascenders when the columns sit closely on top of one another, as happens quite often in tabular settings. Most lining figures are “tabular”, however, all the same width, making for a somewhat uneven appearance, as the
1 takes up the same space as the
8, but in tables, they are much easier to add up. Some fonts offer “tabular oldstyle figures”, which will allow table setting.
Read more about figure styles.
5. Joining Forces
A ligature is defined as the visual or formal combination of two or three letters into a single character. They consist of letter combinations such as ff, fi, fl, ffi. Ligatures keep letters from overlapping and improve legibility. For example: affluence, configure, deflate, affinity.
6. Not Justified
Avoid flush settings! Most applications create justified text by hideously stretching and squishing words and spaces. Note that it takes many hours of tedious work to typeset justified text that is truly well-proportioned and legible. For this reason, professionals prefer to use ragged-right composition, either with or without hyphenation, depending on how much line-length variation they wish to allow. This gives the text a more harmonious appearance and makes it easier to read, since all wordspaces have the same width.
7. Bite the Bullet
Use bullets or centered points instead of hyphens (-) when you list items. Bullets are part of the standard character set and are located in the following positions:
The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.
- Numerals (or figures) can take various forms. The figure style you choose ought to be appropriate to the project you…Read more
- In this first instalment of our examination of numerals we look at the different figure sets available in OpenType fonts.…Read more
- In this sequel to “Figuring Out Numerals” we look at some special cases.…Read more
- Our founder Erik Spiekermann was interviewed for Frog Design’s house magazine. Read an excerpt.…Read more
- When we see the expansive superfamily that FF Meta has become, it’s hard to believe its beginnings were so humble.…Read more
- ScreenFonts: Captain America: The Winter Soldier, Under The Skin, Hateship Loveship, The Quiet Ones (4)
- ScreenFonts: Thor, Last Night, Bridesmaids, Pirates of the Caribbean: On Stranger Tides, Midnight In Paris, Kung Fu Panda 2 (11)