The Typography Rules

User avatar
ubl6612
HiRes Uber Member
Posts: 1694
Joined: Sun May 14, 2006 1:22 pm
Location: Earth
Contact:

Post by ubl6612 »

Finding your way through the jungle that is the land of typography can be a little tricky. There are things you do, and there are things you don't do. Here are some rules and guidelines to help you out.


Typography Rules

The six golden rules that thou shall never brake.

1.Never use Windows Typefaces
2.Never use Faux Bold
3.Never use Faux Italic
4.Never stretch a font horizontally or vertically
5.Always use Anti Alias
6.Never use all caps on a script font


Text Fonts vs Display Fonts

There are two primary categories of type: text and display.
In general, text type is designed to be legible and readable at small sizes. This usually implies fairly clean, consistent, uncomplicated design features; more open spacing than a display face; and thin strokes that hold up at smaller sizes.
Display type, on the other hand, can forgo the extreme legibility and readability needed for long blocks of text at small sizes for a stronger personality, elaborate and more expressive shapes, and a more stylish look.
Most text types can also be used as display types, though most display types can't be used as text types.

[attachment=12197:text_display.jpg]

So how do you tell the difference? Well, there are no clear definition for which fonts belongs in which category. The best way to find out is to try and find out how the font looks at various sizes. Sometimes (not that often though) a font is listed as a text font or a display font. One example is Din by Parachute.

[attachment=12198:din_comp.jpg]


Opticals ( Caption, Regular, Subhead, Display)

With certain typefaces you might see various fonts for the same size, these are called opticals. For more information one the purpose of these here's a quote from Adobe article on the Opentype format

QUOTE
”Historically, some of the highest quality typefaces have included different designs for different print sizes. Several of Adobe's OpenType fonts include four optical size variations: caption, regular, subhead and display. Called "Opticals," these variations have been optimized for use at specific point sizes. Although the exact intended sizes vary by family, the general size ranges include: caption (6-8 point), regular (9-13 point), subhead (14-24 point) and display (25-72 point).” [/quote]

[attachment=12199:Minion_P...Opticals.jpg]


Font Formats

The most common font formats these days are: Type 1, Postscript and Opentype.

Type 1 is a standard made in the early 80ies by Adobe and uses the extensions .pfb and pfm (pfm and afm on Mac).

Due to high licensing fees from Adobe, Apple made the Truetype standard in the late 80ies and subsequently licensed to Microsoft Corporation. Truetype use the extension .ttf.

Opentype is the newest standard and was created by Adobe and Microsoft to superseed the previous formats, and Opentype does have several advantages over the rest. Opentype supports up to 65.000 glyphs which that features such as small caps, old style figures, alternate characters and ligatures can be contained in one font instead of having separate fonts. Not all fonts have these features embed, many fonts have been converted from previous formats to Opentype to take advantage of the extra features (and the cross platform support). Sometimes a font is labeled as a Pro font which indicates that they do support the extra Opentype features, but this hasn't been standardized.


Font vs Typeface

So what's the difference between a typeface and a font? Is there any? Is Typeface just a prettier word and font the lazy version? Actually there is a difference between the two in more then one sense.

A Typeface is a set of fonts in the same style, or you can call it a family.
A Font is a specific type inside a typeface.

So if Helvetica Neue is the typeface, then Helvetica 75 Bold is a font

QUOTE
“The way I relate the difference between typeface and font to my students is by comparing them to songs and MP3s, respectively (or songs and CDs, if you prefer a physical metaphor).” - Nick Sherman[/quote]

A Typeface (the song) is a creative output of a musician, the font (mp3) is a digital reproduction of the typeface.

QUOTE
”Font is what you use. Typeface is what you see” - Norbert Florendo[/quote]


Windows Typefaces (and the other ones you should avoid)

So I told you not to use Windows Typefaces. Why? Because I say so that's why, and because it's really not that imaginative to use them, that's what seperates a designer from a non designer. To top it off, some of them are complete knockoffs, I'm looking at you Arial.
Here's the fonts in mention:

Arial, Comic Sans, Impact, Mv Boli, Tahoma, Times New Roman, Trebuchet, Tunga, Verdana.

There are more but these are the really bad ones.

So which ones should you use? The ones in the Suggested Typefaces would be a good start, but if you want specific alternatives here's what you do.

Instead of Arial use Helvetica. Arial is actually a cheap Microsoft knockoff of Apple's Helvetica.
Impact is based on Haettenschweiler other alternatives are Condensed versions of Helvetica or Akzidenz Grotesk or Compacta.
Instead of Tahoma and Verdana (which are quite similar) any other sans-serif would do.
Instead of Times New Roman any other serif will do.
And for the rest. Don't use them. Especially Comic Sans. Cause I'll kill you if you do.

Microsoft made Comic Sans, but the obviously aren't the only ones who have made crappy typefaces. For every 1 good typeface, there's 10 crappy ones.
Here's a few of the very bad ones:

Algerian, Bradley Hand, Brush Script, Cooper, Curlz, Hobo, Kristen, Mistral, Monotype Corsiva, Papyrus, Snap, Stencil, Tekton, Viner Hand, Vivaldi.


Essential Typefaces

Here's a short list compiled of essential typefaces based on sources such as Joshua Bergers 30 Essential Typefaces for A Lifetime, The German FontShop's 100 Best Typefaces, and my own picks.

Akzidenz Grotesk, Avenir, Adobe Caslon, Adobe Garamond, Avant Garde, Avenir, Baskerville, Bembo, Bickham Script, Bodoni, Clarendon, Didot, Din, Excelsior, Franklin Gothic, Frutiger, Futura, Gill Sans, Gotham, Helvetica, Lubalin Graph, Minion, Mrs Eaves, Perpetua, Optima, Rockwell, Rotis, Sabon, Signa, Swift, Trade Gothic, Univers, Walbaum, Warnock
You do not have the required permissions to view the files attached to this post.
My covers may only be viewed on well calibrated screens and printed on well calibrated printers.
User avatar
bazzah
HiRes Uber Member
Posts: 23743
Joined: Wed May 03, 2006 5:03 pm
Location: Home
Contact:

Post by bazzah »

I have learnt a lot from you over the years, when it comes to typography. It's great to see you have put this together to share with everyone.
User avatar
felipe-11
HiRes Uber Member
Posts: 1622
Joined: Sat Dec 15, 2007 1:49 am
Location: Washington DC
Contact:

Post by felipe-11 »

Great post ubl!
User avatar
Arkflip
HiRes Uber Member
Posts: 4094
Joined: Wed Oct 18, 2006 9:47 am
Location: Portugal
Contact:

Post by Arkflip »

This is where i feel very confortable at the cover scene, always loved typography and always do my best to achieve the best result when working on a cover.
Thanks for the tips Daniel, and i'm glad to see another typography maniac like me :D
User avatar
Kernie
HiRes Uber Member
Posts: 5395
Joined: Sat Nov 24, 2007 3:52 pm
Contact:

Post by Kernie »

Glad to see somebody mentioning this!! :D :D :D

While I'm sure I don't always obey all the typography rules, proper font usage is definitely something that separates the amateurs from the masters. A lot of designers tend to ignore typography or think that fonts are interchangeable, but it really is an important factor when creating a good design. Although I won't pretend that there wasn't a time that I was ignorant to the subtleties of proper font usage. :(

Thanks for the tips, ubl!! Definitely a helpful post and one that all up-and-comers should read!!! :D :D :D
User avatar
chefjoe
HiRes Uber Member
Posts: 5688
Joined: Sun May 14, 2006 3:18 pm
Location: Georgia, USA
Contact:

Post by chefjoe »

Greatly appreciated, we need more posts like this, Most of us out there treat a font as a font, fortunately the only bad one i currently use is papyrus for egyptian kinda type, can you offer an alternative???
User avatar
ubl6612
HiRes Uber Member
Posts: 1694
Joined: Sun May 14, 2006 1:22 pm
Location: Earth
Contact:

Post by ubl6612 »

Instead of Papyrus you could always use the font they used on Avatar. Oh wait, maybe not.

There isn't really a good direct alternative to Papyrus like with Arial or Century Gothic. Papyrus isn't even that bad a font, it just went the way of Trajan, Eurostile & Archer. It's used way to often and often it's in the wrong place it's used. My best suggestion would be a nice serif.
My covers may only be viewed on well calibrated screens and printed on well calibrated printers.
User avatar
Fubster
HiRes Uber Member
Posts: 1551
Joined: Wed Aug 15, 2007 6:52 pm
Location: New Kent, Virginia U.S.A.
Contact:

Post by Fubster »

Fantastic information buddy - thanks for the post. I will be bookmarking this for future reference, although I'm sure I'll break the rules some more as I strive to learn them :thumb:
User avatar
voetzoeker
HiRes Uber Member
Posts: 2434
Joined: Mon May 15, 2006 4:10 pm
Location: Shoe box
Contact:

Post by voetzoeker »

Great read Ubbl, when's the next lesson :D
User avatar
Arkflip
HiRes Uber Member
Posts: 4094
Joined: Wed Oct 18, 2006 9:47 am
Location: Portugal
Contact:

Post by Arkflip »

ubl6612 wrote:
QUOTE (ubl6612 @ May 10 2010, 05:58 PM) <{POST_SNAPBACK}>
Instead of Papyrus you could always use the font they used on Avatar. Oh wait, maybe not.

There isn't really a good direct alternative to Papyrus like with Arial or Century Gothic. Papyrus isn't even that bad a font, it just went the way of Trajan, Eurostile & Archer. It's used way to often and often it's in the wrong place it's used. My best suggestion would be a nice serif.


Don't tell me you don't use Trajan Daniel... it's one of my most used fonts ever! lol
Trajan and ClarendonBT are on my top list of all time best fonts.
Post Reply

Return to “Advanced guides”

Who is online

Users browsing this forum: No registered users and 1 guest


  • Latest gallery additions

  • Statistics
  • Totals
    Total posts 207225
    Total topics 58664
    Total Announcements: 0
    Total Stickies: 80
    Total Attachments: 26728

    Topics per day: 8
    Posts per day: 28
    Users per day: 13
    Topics per user: 1
    Posts per user: 2
    Posts per topic: 4

    Total members 92765
    Our newest member WeldonDe