AN INTRODUCTORY PRACTICAL GUIDE
   
Typography

is important.

           
1

 

Learning to choose typefaces is a long intellectual process. It is essential to start with a safe list and to learn to choose between them first. To do that properly, you must have a look at the history of typography. Then you may start to expand the list – if you feel the need.      
2

 

There are various categorizations for typefaces. Start by learning to distinguish between SERIFED and UNSERIFED (SANS SERIF) typefaces.    
3
  DO NOT use fonts because you like the look of them. Make sure that the typeface you choose does in fact, carry the references and associations your design needs.  
 
4
  DO NOT use stylistically powerful typefaces in bodies of text; they are for display purposes – like a big title. Use generic, neutral typefaces for continuous text. (The list in topic 1 consists of such typefaces.)  
5
  Even for display purposes, DO NOT mix powerful typefaces with one another. One will be enough.    
6

 

Compose with members of a family. A family consists of different weights/versions of the same typeface, like REGULAR, BOLD, ITALIC, LIGHT, CONDENSED, SMALL CAPS, etc.    
7
  Stay away from fonts that try to imitate hand writing, because they usually can't. Typesetting and hand writing are different realms, and there are ways of looking cozy without becoming a cheap imitation of the other realm. Write on a paper and scan it if the design needs hand writing.    
8
  Stay away from COMIC SANS. The reason I reserved a separate topic for this is that people really like to use it for some reason (see topic 7), whereas typographically, it is a disaster, as "it was NOT designed as a typeface but as a solution to a problem with the often overlooked part of a computer program’s interface" (VINCENT CONNARE, its creator) – that is, just for the comic balloons of Microsoft's help dog.   I don't even want to put an image of it here.  
9
  If the font you pick does not have the necessary accents (DIACRITICS) for the language that you write in, forget that font. To be able to write correctly is much more important than a cool typeface.      
10
  For screen purposes – especially on web – use system fonts such as ARIAL (HELVETICA on Mac), GEORGIA or VERDANA for body text. These are specifically designed to look good on screen at small sizes.      
11

 

Typefaces are being carefully designed character by character since the 15th century. It may take years to finish one. DO NOT distort them; DO NOT pull or squeeze letterforms. Always preserve their proportions, or the ghosts of their designers will haunt you.    
12
  POINT SIZE is not the only parameter to consider when setting type. The term LEADING(or LINE-HEIGHT) refers to the vertical space between the lines of a paragraph. TRACKING (or LETTERSPACE) is a global parameter for the spaces between letters. KERNING is the adjustment of the space between two specific characters.  
13

 

DO NOT use the BOLD and ITALIC buttons in the CHARACTER palettes of the softwares; they are called FAUX (FALSE) BOLD and FAUX ITALIC because the software creates them by distorting the typeface. Use the font menu to find the real BOLD and ITALIC, originally designed by the type designer. If there aren't any, choose another font that has them.  
14
  DO NOT emphasize with more than one signal.    
15
  Always have print-outs when deciding on point sizes for printed material. What looks okay on screen will feel huge on print.      
16
  Adjust your column width and point size so that there are less than 75 characters in a line. Bigger line lengths make it hard for the reader's eye to catch the beginning of the next line.      
17
  Minimum line length for a JUSTIFIED body is 40 characters. If your lines are shorter than that (if you have narrower columns), DO NOT justify, because it will mess up the spacing, creating holes in the body; flush left instead. On second thought, forget about the 40 characters; always flush left.  
18
  DO NOT center text unless you are designing a tombstone.    
19
  Bodies of text usually require more LEADING than the default value of the font.  
20
  Add extra letterspace for words written in CAPITAL (OR SMALL CAPITAL) letters or series of numbers. DO NOT change the default letterspace in continuous text.    
21
  Fonts have built-in KERNING TABLES, specifying the spaces between every possible combination of two characters. However, it is a good idea to check and manually adjust the kerning in large point sizes for display purposes. The OPTICAL option in the KERNING menus of the softwares may be useful.    
22
  DO NOT use color for bodies of text. It's either BLACK or WHITE (on a dark background).    
23
  In web design, the pure BLACK/WHITE can be toned down a little (along with their backgrounds) to DARK GRAY and LIGHT GRAY in order to make reading long bodies of text easier on the eye.  
24
  Applying effects (DROP SHADOW, STROKE, EMBOSS, GRADIENT, etc.) to type hardly leads to anything good.    
25
  Use TEXT (OLDSTYLE) FIGURES with lowercase letters, if the typeface has them. You can find the option in the OPEN TYPE menu.    
26
  Use ROMAN HANGING PUNCTUATION option in the PARAGRAPH palette to automatically let the punctuation marks hang into the margins.  
27
  The ideal GUTTER width (the distance between two columns of text) is two ems. One EM is a distance equal to the type size; for example, in 12 pt type, it is 12 points. You can use the width of the uppercase M as an approximation.    
28
  Use EM DASHES to introduce speakers in narrative dialogue. You can type an EM DASH with ALT + 0151 in Windows, or SHIFT + OPTION + HYPHEN in Mac.    
29
  Use EN DASHES with spaces – like this – to set off phrases. EN DASHES are also put between digits to indicate a range (1–10 October; 25–30 mm). You can type an EN DASH with ALT + 0150 in Windows, or OPTION + HYPHEN in Mac.      
30
  LIGATURES are special sets of characters designed for kerning issues or for purely aesthetic reasons. Use them properly; the fi ligature, for example, should be turned off (from the OPEN TYPE menu) in languages like Turkish that have the letter 'ı' – the dotless 'i'.  
           
   

.................................

     
   

Some of these are strict rules, and some are advices for safety in the beginning, which can always be violated by experienced designers. It is best for starters not to know which is which.

Last updated: February 2013

denizcemonduygu.com

 

REFERENCES

The Elements of Typographic Style by Robert Bringhurst

Thinking With Type by Ellen Lupton

Styles for Starters and VA334 Typography By Elif Ayiter