Just My Type: Typographic Rules for the Mildly Humorous by Kelley McQuillen

UNIVERSITY OF KANSAS // 2015 KELLEY MCQUILLEN

TYPOGRAPHIC

RULES FOR THE MILDLY HUMOROUS

WITH A FINETOOTH COMBâ&#x20AC;Ś go through the book, memorize the rules, never make stupid mistakes.

// TYP OG RAP HI C R UL E FO R TH E MI LD LY H UM ORO U S

Mrzyk & Moriceau

Rules Check Sheet

Typographic Rules

Special Characters

Quotes and Apostrophes

Hyphens and Dashes

Small Caps

Numerals/Figures

Kerning

Combining Typefaces

Grids Structures CH

Column Width

Leading

Hyphenation Rules

Justification

Legibility

Paragraph Breaks

108

Heads and Subheads

120

Captions and Notes

128

Font Specs

Never justify the text on a short line.

CHECKSHEET The following is a compendium

of the rules established in this book. You might want to check through them each time you complete a publication.

Never combine two serif fonts on one page.

Rarely combine more than three typefaces on one page.

Adjust the spacing between paragraphs.

23 6

Leave no widows or orphans.

02 03 05 07

08 09 10 11 12 13 14

15 16 17 19 20 21

no, you absolutely can not. use the checklist!

Never use the spacebar to align text, always set tabs and use the tab key. Never hyphenate a words in a headline and avoid hyphenation in a callout. Never have one line in a paragraph in the column or following. Rarely combine two sans serif fonts on one page.

Use only one space between sentences. Use real quotation marks. Use real apostrophes. Use en or em dashes, use consistently. Use a one-em first-line indent on all indented paragraphs. Use the special characters whenever necessary, including super- and subscript. Use a decimal or right-aligned tab for the numbers in numbered paragraphs.

Avoid more than 3 hyphenations in a row. Avoid too many hyphenations in any paragraph. Avoid hyphenating or line brakes of names and proper nouns. Avoid beginning consecutive lines with the exact same word. Avoid ending consecutive lines with the exact same word. Avoid ending lines with the words: the, of, at, a, by..

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

â&#x20AC;&#x153;I can just wing it!â&#x20AC;?

22 24 25 26 27 28

29 30 31

Make sure the apostrophes are where they belong. Hang the punctuation off the aligned edge. Kern all headlines where necessary. Leave a least 2 characters on the line and 3 following. Keep the word spacing consistent. Tighten up the leading in lines with all caps or with few ascenders and descenders.

Either indent the first line of paragraphs or add extra space between them â&#x20AC;&#x201C; not both. Spend the time to create nice fraction or chose a font that has fractions. If a correctly spelled word needs an accent mark, use it.

KERN ME HAR D B ABY

(I need it so bad)

you are not (and will never be) too good for these rules

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

STEVE CUTTS

DON’T LET YOUR HEAD GET BIG

02.

INSERT ONLY A SINGLE SPACE AFTER ALL PUNCTUATION Inserting two spaces after a period was common when using a typewriter. Monospace typefaces were designed to occupy the same amount of space no matter the width of the character. Therefore, two spaces were needed to identify the end of a sentence and the beginning of another sentence. With the introduction of the Mac and digital type, characters are designed proportionately, which allows for the correct practice of using one space after all punctuation.

03.

USE PROPER ‘EM’ DASHES, ‘EN’ DASHES, AND HYPHENS An em is a unit of measure equal to the point size that you are using. An em dash is a type of punctuation used to offset clauses in a sentence or to indicate an abrupt change in thought. An en dash is equal to half the length of an em dash. En dashes are used to denote duration (time.)

04.

USE PROPER QUOTE AND APOSTROPHE MARKS Use true quotation marks and apostrophes instead of using inch marks and feet marks. Place all of these punctuations inside the quotation marks.

05.

USE TRUE SMALL CAPS When setting text that contains acronyms, select a typeface with small caps as a family. Selecting small caps from the style menus is a poor choice because the compute reduces the overall size of the type by 80%. This changes the stroke weight and the feel of the font. Expert sets in the Adobe Type Library have small caps options.

*unless you are an 8 year old girl writing a poem about unicorns 06.

ADD LETTER SPACING TO CAPITALIZED TEXT AND SMALL CAPS Letterspacing is the amount of space between characters in a word. Some software programs caller letterspacing tracking. Use positive number values (to about 2 or 3) to open up letterspacing to capitalized text and small caps, except when periods are used in the between characters.

07.

USE OLD STYLE FIGURES WHEN APPROPRIATE Old style figures, also known as non-lining figures do not line up on the baseline as regular or lining numerals do. They can be found in various fonts. If the body text has a significant amount of numbers, research a font family where they are included. If non-lining numerals are not available, use a slightly smaller point size for the lining numbers. Think of lining numbers as upper case and non-lining numbers as lower case.

/ / T Y P O G R A P H I C R U L E F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

01. COMIC SANS IS NEVER AN ACCEPTABLE FONT*

08.

USE CAPS PROPERLY With options given to you by almost any type family (bold, point size, etc) you will seldom need to use all caps to draw attention to your text. Not all typefaces are legible when set in all caps; esp. true for script and decorative typefaces. Short headlines may be the one exception to this rule.

typographic rule for the mildly humorous

09.

USE COPYRIGHT, REGISTER, AND TRADEMARK MARKS PROPERLY The copyright, register, and trademark characters need to be reduced to work with body text. At times, depending on the typeface, you may need to reduce the mark between 50% and 70%. The goal is to match the x-height. The copyright mark should be approximately 70% of the surrounding text. Unlike the ™ symbol, the © should NOT be superscripted and should remain on the baseline. ™ is usually superscripted for the chosen font. ™ and ® are normally set higher then other marks. If you choose to superscript ®, reduce it to about 60% of the size.

10.

ELLIPSIS CHARACTER Use the ellipsis character and NOT three periods. You can access the ellipsis by typing Option + : (colon). Allow a small amount of space before and after. However if it is not crowding the text, leave no space at all.

11.

Avoid underlined text This was useful back in the days of the typewriter to draw attention to the text. With digital type and their families, you should not need to use underlined text.

Mrzyk & Moriceau

use a concept

12.

INCREASE LINE SPACING TO IMPROVE READABILITY IN BODY TEXT Line spacing (aka leading) refers to the space between lines of text. It is important for readability and appearance. Leading is measured from baseline to baseline. As a rule of thumb, allow leading that is 120% of the point size. For sans serif, you may need 130% or more. When setting headlines, solid leading (leading = point size, 12/12) or negative leading (leading =< point size, 12/10) may be appropriate.

13.

BODY COPY SIZE Body text is set anywhere from 9-12 points. When you print text, it is usually larger than what it looked like on the screen. So, print out your text before finalizing your layout. Type studies will help you determine the proper size before you proceed with your specific layout.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

PRACTICE SAFE DESIGN!

14.

ALTERING FONTS Don’t alter the original typeface by stretching or condensing the letters improperly. Certain type families provide you with a lot of flexibility, so you should not need to destroy/alter text.

15.

Legibility of fonts Sans serif typefaces work well for headlines and to set text that is aligned to vertical/ horizontal lines. Certain sans serif typefaces which are not very geometrical work well for body copy (i.e. Frutiger, Meta, Scala Sans, etc.)

16.

Decrease line length and increase margins Line length is a measure of text on one line. Any measure between 45 and 75 characters is comfortable for single column widths. The ideal measure for body text length is 66 characters (counting both letters, punctuation, and spaces.) For multiple columns, a measure between 40 and 50 characters is ideal.

17.

Avoid letterspacing lowercase body copy Don’t letterspace body copy as it really hampers legibility. Use letterspacing when working with caps. small caps, numbers and display text where looser type spacing may increase legibility.

18.

Word spacing should be fairly close For text meant for extended reading, the amount of space between words in a paragraph should be fairly close–about the width of a lowercase “i.” If the word spacing is too close, it appears as one giant word and legibility is decreased. Keep the spaces between words fairly thin, consistent and even!

19.

Ideal column width For single-column pages, 4.25 inches ideal. For two-column width, columns be as narrow as 2 inches. Turning on hyphenation feature can improve word

Justification of text Justification can be appropriate in certain places. However, it can create certain problems such as rivers and word spacing. Adjusting size of margins, decreasing body copy size, turning on auto hyphenation and manually hyphenating the text are all examples of possible solutions.

PHIL MITCHEL

20.

is can the spacing.

ALL YOU NEED IS LOVE A CONSTANT BASELINE (the beatles were wrong)

FOOD FOR THOUGHT Mrzyk & Moriceau

The featured artists Mrzyk & Moriceau are a French duo out of France famed for their risqué, offbeat illustrations.

21.

Choose the alignment that fits Make sure the alignment chosen for all areas of text are legible and consistent with the design and guidelines. Left-aligned text is easier to read and set. Justified text is harder to set w/o inevitable word spacing problems. Right-aligned and centered are generally not used for body copy.

22.

Rules of hyphenation Don’t rely on the software to judge where hyphens should be placed. At the end of lines, leave at least two characters behind and take at least three forward. For example, “ele-gantly” is acceptable, but “elegantly” is not because it takes too little of the word to the next line. Avoid leaving the stub end of a hyphenated word or any word shorter then four letters as the last line of a paragraph. Avoid more then 3 consecutive hyphenated lines. Avoid hyphenating or breaking proper names and titles. Creating a non-breaking space before and after the name will ensure that the name will not break.

Avoid beginning three consecutive lines with the same word Since software programs deal with line breaks automatically based upon a number of variables, it is possible to have paragraphs with consecutive lines beginning with the same word. When this happens simply adjust the text to avoid/fix the problem.

24.

Always spell check! Once you are finished with your design, spell check the text using both of the following: a. Use spell=check option that comes with the software you are using for the project. b. Print the document and read it. The monitor and design of the document will make text look perfect when it may not be. Even if text is given to you by a client, check it. Never ever assume that it is correct. Keep a dictionary close as well.

25.

Avoid widows and orphans Widows are either single words alone on a line or single sentences alone on a new page. Orphans are single lines of copy alone at the end of a page.

26.

Kerning in headlines Adjust the space between two particular letters to allow for more consistent negative space.

27.

Indents In continuous text, mark all paragraphs after the first with an indent of at least one “em” (3 spaces). Do NOT use three spaces but rather use the tabs or indents option in your software.

28.

Items in a series Items in a series do not use a comma before the word “and.” (i.e., ‘peaches, apples and oranges.’)

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

23.

The following is a list of the most often-used special characters and accent marks. On the following pages are the key combinations for just about every accent you might need.

(talking to you double quotes)

Mrzyk & Moriceau

YOU WERE BORN TO STAND OUT

“You better unzip it first” “I’m gonna render you all night long” “How about we delete a layer or two?”

“ ” ‘ ’ – — … • ﬁ ﬂ © ™ ® ° ¢ € ⁄ ¡ ¿ £ ç Ç

Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option

[ Shift [ ] Shift ] Hyphen Shift Hyphen ; 8 Shift 5 Shift 6 g 2 r Shift 8 $ Shift 2 Shift 1 1 Shift ? 3 c Shift c

opening double quote closing double quote opening single quote closing single quote; apostrophe en dash em dash ellipsis bullet ligature of f and i ligature of f and l copyright rademark registered degree symbol cent symbol Euro symbol fraction bar upside down ! upside down ? pound cedilla uppercase cedilla

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Designer Dirty Talk

Ellipsis Character Use the ellipsis character and NOT three periods. You can access the ellipsis by typing Option + : (colon). Allow a small amount of space before and after. However if it is not crowding the text, leave no space at all.

Accent Marks Remember, to set an accent mark over a letter, press the Option key and the letter, then press the letter you want under it. ´ Option e ` Option ~ ¨ Option u ˜ Option n ˆ Option i

Use copyright, register, and trademark marks properly The copyright, register, and trademark characters need to be reduced to work with body text. At times, depending on the typeface, you may need to reduce the mark between 50% and 70%. The goal is to match the x-height. The copyright mark should be approximately 70% of the surrounding text. Unlike the ™ symbol, the © should NOT be superscripted and should remain on the baseline. ™ is usually superscripted for the chosen font. ™ and ® are normally set higher then other marks. If you choose to superscript ®, reduce it to about 60% of the previous size.

Respect individualism! / / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

(special characters donâ&#x20AC;&#x2122;t deserve to be mixed up with others)

Mrzyk & Moriceau

DESIGN TIP: if you want to be in the top 10%, you have to work harder than the other 90%

Use true quotation marks and apostrophes instead of using inch marks and feet marks. Place all punctuations inside the quotation marks.

Use real quotation marks – never those grotesque generic marks that actually symbolize ditto/inch or foot marks: use "and" – not “and”. Most software applications will convert the typewriter quotes to the real quotes for you automatically as you type. Check the preferences for your application – you’ll find a check box to tell your application to automatically set something like “typographer’s quotes,” “smart quotes,” or “curly quotes.” Then as you type using the standard ditto key (“), the software will set the correct quotation marks for you. It is necessary to know how to set smart quotes/real quotes yourself because sometimes the software doesn’t do it or does it wrong.

Bridge Clearance: 16'7" The length of the wall is 153'9"

Quotes Opening Closing Opening Closing

double double single single

quote: quote: quote: quote:

“ “ ‘ ‘

Type: Type: Type: Type:

Option Option Option Option

Apostrophe Apostrophe: ‘ option shift ]

[ Shift [ ] Shift ]

// TYPOGRAPHIC RULE FOR THE MILDLY HUMOROU

6'2"

Mrzyk & Moriceau

ex: The hairy man stood at 6'2"

As an aside, people often are confused about where the apostrophe belongs. There are a couple of rules that work very well. For possessives: Turn the phrase around. The apostrophe will be placed after whatever word you end up with. For example, in the phrase the boys’ camp, to know where to place the apostrophe say to yourself, “The camp belongs to the boys.” The phrase the boy’s camp says “The camp belongs to the boy.” The big exception to used as a possessive The word it only has contraction — “it’s” “it has.” Always.

this is “its.” “Its” never has an apostrophe! an apostrophe as a always means “it is” or

It may be easier to remember if you recall that yours, hers, and his don’t use apostrophes — and neither should its.

For contractions: The apostrophe replaces the missing letter. For example: your’re always means you are; the apostrophe is replacing the a from are. That’s an easy way to distinguish it from your as in your house and to make sure you don’t say: Your going to the store. As previously noted, it’s means “it is”; the apostrophe is indicating where the i is left out. Don’t means “do not”; the apostrophe is indicating where the o is left out.

For omission of letters: In a phrase such as Rock ‘n’ Roll, there should be an apostrophe before and after the n, because the a and the d are both left out. And don’t turn the first apostrophe around — just because it appears in front of the letter does not mean you need to use the opposite single quote. An apostrophe is still the appropriate mark (not ‘n’). In a phrase such as House o’ Fashion, the apostrophe takes the place of the f. There is not earthly reason for an apostrophe to be set before the o. In a phrase such as Gone Fishin’ the same pattern is followed — the g is missing. In a date when part of the year is left out, an apostrophe needs to indicate the missing year. In the 80s would mean the temperature; In the ’80s would mean the decade. (Notice there is no apostrophe before the s! Why would there be? It is not possessive, nor is it a contraction — it is simply plural.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

Rock ‘n’Roll not Rock'n'Roll

The hyphen and the dash deserve lot of attentions as they are often misused. They come in a variety of sizes.

Hyphens (-) Hyphens are, first off, used as a symbol to break words. Although every software program has a setting for automatic hyphenation most designers will turn off this setting to avoid multiple hyphenation. The reason for manual hyphenation is that compound words are best divided into their components, as in infra-red or job-center. The next step is to hyphenate prefixes and suffices like pre-school. The second use of a hyphen is a trait dâ&#x20AC;&#x2122;union. A hyphen is added when two consonants or vowels are pronounced separately rather than as a diphthong, for instance in bowl-like or anti-intellectual. Finally the hyphen is sometimes used in dates 9-8-2016 or phone numbers 785-6662525 although full stops are more frequently used. 9.8.2016 or 785.666.2525.

It’s not rocket science... (just follow the rules)

Mrzyk & Moriceau

hyphen en dash – em dash —

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

You might have bee given text that uses a double hyphen -- to indicate a dash. This is a typewriter convention because typewriters didn’t have the real dash used in professional typesetting. On a Mac, no one needs to use the double hyphen—we have a professional em dash, the long one, such as you see in this sentence. We also have an en dash, which is a little shorter than the em dash.

En Dash (–) option An en dash is half of the em rule (the width of a capital N). The en dash is longer than the hyphen ash is used to demarcate a parenthetical thought or to indicate a sudden change of direction as in, for instance: ‘Unfortunately the document to be discussed – which you received via email – is no longer up to date’. Typically these dashes can be replaced by commas, or the phrase can be bracketed. Therefore it is very important to decide which option is best. If dashes frequently occur – thereby disturbing the reading comfort – using a comma might be a better option. If a sentence really needs to stand out, and if they are not used to open, dashes are the best choice.

– the en dash is used to indicate parenthetical thought – as a replacement for the word ‘to’ – in the meaning ‘from…to’ - as a minus sign – as a bullet sign

The en dash is used to indicate a range of values, such as those between dates, times and numbers and approximately replace the word ‘to’:

1914 – 1918 May 2 – 8 6:30 – 8:45 A.M. or in the meaning ‘from…to’

the New York – New Haven train.

Em Dash (—)

The em dash is twice as long as the en dash— it’s about the size of a capital letter M in whatever size and typeface you’re using at the moment. This dash is often used in place of a colon or parentheses, or it might indicate an abrupt change in thought, or it’s used in a spot where a period is too strong and a comma is too weak. It is also used for attribution of text. —Mac is not a Typewriter Our equivalent on the typewriter was the double hyphen, but now we have a real em dash. Using two hyphens (or worse, one) where there should be an em dash makes your look very unprofessional. when using an—no space is used on either side

Abyy Andrès

Roses are #ff0000 Violets are #0000ff You better use the right dash or I’ll be so disappointed in you

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

option shift An em is a unit of measure equal to the point size that you are using.

Small caps are uppercase (capital) letters that are about the size of normal lowercase letters in any given typeface. Small caps are less intrusive when all uppercase appears within normal text or can be used for special emphasis. Computer programs can generate small caps for a any typeface, but those are not the same as true small caps. True small caps have line weights that are proportionally correct for the typeface, which means that they can be used within a body of copy without looking noticeably wrong.

Use true small caps fonts. Avoid simply resizing capital letters or using the small caps feature in some programs. Instead use typefaces that have been specifically created as small caps. When setting text that contains acronyms, select a typeface with small caps as a family. Selecting small caps from the style menus is a poor choice because the compute reduces the overall size of the type by 80%. This changes the stroke weight and the feel of the font. Expert sets in the Adobe Type Library have small caps options.

Mrzyk & Moriceau

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Wicked, weary & wierd

There is No Rest for the Wicked. The Wicked are Very Weary. There is No Rest for the Wicked. The Wicked are Very Weary. *strokes

weights are

different when using the small caps button!

Henn Kim

talk nerdy to me scala sans, meta, cholla, goudy, bauer, granjon, janson, bodoni, sabon, mrs. eaves, baskerville, priori and walbaum all have small caps

Use true small caps

True-drawn small caps There are quite a few font families that include “true-drawn” small caps—letterforms that have been redesigned to match the proportions and thicknesses of the uppercase. Thesefamilies are often called “expert” sets or perhaps “small cap” sets. The result is a smooth, uniform, undisturbing tone through the text.

Use small caps for acronyms Set acronyms such as NASA or NASDAQ in small caps when they appear in body text or headlines. Use small caps for common abbreviations. Set common abbreviations such as AM or PM in small caps so they don't overpower the accompanying text. Use small caps for A.M. and P.M.; space once after the number, and use periods.

Harriet, an fbi agent, turned on cnn to get the dirt on the cia before going to bed at 9:30 PM. Harriet, an fbi agent, turned on cnn to get the dirt on the cia before going to bed at 9:30 p.m. *The default small caps call too much attention to the letterforms because they are thinner than they should be. Notice how the real small caps blend in with the text.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

When setting text that contains acronyms, select a typeface with small caps as a family. Selecting small caps from the style menus is a poor choice because the compute reduces the overall size of the type by 80%. This changes the stroke weight and the feel of the font. Expert sets in the Adobe Type Library have small caps options.

In typography, the symbols used to represent numbers are commonly referred to as figures or numerals.

Lining figures (also called aligning, cap, or modern figures) approximate capital letters in that they are uniform in height, and generally align with the baseline and the cap height. In some traditional typefaces, certain numerals extend slightly above and/or below the baseline and/or the cap height.

Oldstyle figures (also known as non-lining figures) do not line up on the baseline as regular or lining numerals do. Oldstyle figures can be found in various fonts. Oldstyle figures are a style of numeral which approximate lowercase letterforms by having an x-height and varying ascenders and descenders. They are considerably different from the more common “lining” (or “aligning”) figures. They have more of a traditional, classic look and are very useful and quite beautiful when set within text. However, they are only available for certain typefaces, sometimes as the regular numerals in a font, but more often within a supplementary or expert font. The figures are proportionately spaced, eliminating the white spaces that result from monospaced lining figures, especially around the numeral one.

If the body text has a significant amount of numbers, research a font family where they are included. If non-lining numerals are not available, use a slightly smaller point size for the lining numbers. Think of lining numbers as upper case numbers and non-lining numbers as lower case numbers.

Mrzyk & Moriceau

How many freaks in the photo? There are 12 freaks in the photo

There are 12 freaks in the photo

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Unlike lining figures, Oldstyle figures blend in without disturbing the color of the body copy. They also work well in headlines since theyâ&#x20AC;&#x2122;re not as intrusive as lining figures. In fact, many people prefer them overall for most uses except charts and tables. Itâ&#x20AC;&#x2122;s well worth the extra effort to track down and obtain typefaces with oldstyle figures; the fonts that contain them might well become some of your favorites.

LINING FIGURES

12 12.5 134 134.76 17 17.8567

1023 1023.4

323 323.12

TYPEFACE: Andale Mono

Dear John, please call me at 438. 9762 at 3:00 to discuss marriage or write me at Route 916, zipcode 87505

OLDSTYLE FIGURES

12.5

134

134.76

17.8567

1023

1023.4

323

323.12

TYPEFACE: Mrs. Eaves

Dear John, please call me at 438. 9762 at 3:00 to discuss marriage or write me at Route 916, zipcode 87505

*Notice how large and chunky the numbers appear as lining figures versus oldstyle figures which beautifull blend into the text.

Mrzyk & Moriceau

*only on certain occasions (like using oldstyle figures)

SERIFS

SANS SERIFS

123456789

TYPEFACE: Mrs. Eaves

123456789

TYPEFACE: Baskerville

123456789

TYPEFACE: Bodoni

12345678 9

TYPEFACE: Akzidenz Grotesk

123456789

TYPEFACE: Meta

123456789

TYPEFACE: Scala Sans

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Blend into the crowd

Kerning is an adjustment of the space between two letters. The characters of the Latin alphabet emerged over time; they were never designed with mechanical or automated spacing in mind. Thus some letter combinations look awkward without special spacing considerations. Gaps occur, for example, around letters whose forms angle outward or frame an open space (W, Y, V, T). In metal type, a kerned letter extends past the lead slug that supports it, allowing two letters to fit more closely together. In digital fonts, the space between letter pairs is controlled by a kerning table created by the type designer, which specifies spaces between problematic letter combinations. Working in a page layout program, a designer can choose to use metric kerning or optical kerning as well as adjusting the space between letters manually where desired. A well-designed typeface requires little or no additional kerning, especially at text sizes.

Metric Kerning Metric Kerning uses the kerning tables that are built into the typeface. When you select metric kerning in your page layout program, you are using the spacing that was intended by the type designer. Metric kerning usually looks good, especially at small sizes. Cheap novelty fonts often have little or no built-in kerning and will need to be optically kerned.

metric kerning

the leprechaun broke his leg trying to deliver gold optical kerning

the leprechaun broke his leg trying to deliver gold

Mrzyk & Moriceau

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Optical Kerning Optical Kerning is executed automatically by the page layout program. Rather than using the pairs addressed in the font's kerning table, optical kerning assesses the shapes of all characters and adjusts the spacing wherever needed. Some graphic designers apply optical kerning to headlines and metric kerning to text. You can make this process efficient and consistent by setting kerning as part of your character styles.

When combining serif and sans serif text fonts, one should try and match the characteristics of form and type color: proportion and x-heights.

â&#x20AC;&#x153;There is not binding recipe for type combinations. It is a matter of typographic sensitivity and experience. Expert typographers, as well as careless amateurs permit themselves combinations that would horrify colleagues with more traditional sympathies.â&#x20AC;?

Although there is not recipe there is a place to start: keep an eye on the characteristic shapes of the letterform. A well designed page contains no more than two different typefaces or four different type variations such as type size and bold or italic style. {Using 2 different serif fonts or 2 different sans serifs fonts in the same composition is never a good idea}

Univers, 1954 by Adrian Frutiger

Arial, 1982 by Robin Nicholas and Patricia Saunders

Helvetica, 1957 by Max Miedinger

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

ONLY GRAPHIC DESIGNERS CARE Akzidenz grotesk, 1896 by Ferdinand Theinhardt

Typeface: Bodoni Bold

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Bembo

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Univers

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Univers

Size: 9/12

Usage: Body text

Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form of the communication can be physical or virtual, and may include images, words, or graphic forms. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system, or from a company’s digital avatar to the sprawling and interlinked digital and physical content of an international newspaper. It can also be for any purpose, whether commercial, educational, cultural, or political. These fonts work together because modern serifs that have a very dramatic contrast between thick and thin pair well with geometric sans serifs.

Typeface: Bembo Bold

Size: 30

Usage: Headers

Design Won’t Save the World Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Gill Sans

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Gill Sans

Size: 9/12

Usage: Body text

These fonts work together because Generally speaking, Old Style serifs combine well with Humanist sans serifs.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Typeface: Bembo

Typeface: Helvetica Neue Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Helvetica Neue Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Adobe Garamond Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Adobe Garamond Size: 9/12

Usage: Body text

These fonts work together because they are a famously harmonious duo, with the ubiquitous Neo-Grotesque sans serif for headlines, and the classic Old Style serif for text.

Typeface: Caslon

Size: 30

Usage: Headers

Typeface: Caslon

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Adobe Garamond Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Adobe Garamond Size: 9/12

Usage: Body text

Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form of the communication can be physical or virtual, and may include images, words, or graphic forms. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system, or from a company’s digital avatar to the sprawling and interlinked digital and physical content of an international newspaper. It can also be for any purpose, whether commercial, educational, cultural, or political. These fonts work together because they are another classic font pairing, this time between an 18th century Old Style serif and a late-20th century Humanist sans serif with excellent contrast.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Design Won’t Save the World

Typeface: Mrs. Eaves

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Mrs. Eaves

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Futura

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Futura

Size: 9/12

Usage: Body text

Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form of the communication can be physical or virtual, and may include images, words, or graphic forms. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system, or from a company’s digital avatar to the sprawling and interlinked digital and physical content of an international newspaper. It can also be for any purpose, whether commercial, educational, cultural, or political. These fonts work together because a transitional serif coupled with the nimble sans-serif, these two fonts carry a modern sense of elegance with minimal effort.

Typeface: Didot

Size: 30

Usage: Headers

Typeface: Didot

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Avenir

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Avenir

Size: 9/12

Usage: Body text

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Design Won’t Save the World

Typeface: Memphis Bold

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Memphis Bold

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Akzidenz Grotesk

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Akzidenz Grotesk

Size: 9/12

Usage: Body text

These fonts work together because an Egyptian display typeface pairs well with a solid sans serif.

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Trade Gothic

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Adobe Garamond Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” – Frank Chimero Typeface: Adobe Garamond Size: 9/12

Usage: Body text

These fonts work together because a sans serif with more personality should be paired with a neurtral serif that reads well for body text.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Typeface: Trade Gothic

Typeface: Belizio

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Belizio

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Frutiger

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Frutiger

Size: 9/12

Usage: Body text

Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form of the communication can be physical or virtual, and may include images, words, or graphic forms. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system, or from a company’s digital avatar to the sprawling and interlinked digital and physical content of an international newspaper. It can also be for any purpose, whether commercial, educational, cultural, or political. These fonts work together because the bold, characteristic letterforms of Belizio go well with a humanist sans serif that won't draw too much attention to itself.

Size: 30

Usage: Headers

Design Won’t Save the World Typeface: Helvetica

Size: 18

Usage: Subheaders

But it damn sure makes it look good. Typeface: Rockwell

Size: 18

Usage: Intro text, Pull quotes

“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” –Frank Chimero Typeface: Rockwell

Size: 9/12

Usage: Body text

Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form of the communication can be physical or virtual, and may include images, words, or graphic forms. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system, or from a company’s digital avatar to the sprawling and interlinked digital and physical content of an international newspaper. It can also be for any purpose, whether commercial, educational, cultural, or political. These fonts work together because a grotesk sans serif like helvetica can go well with a slab serif to be more interesting.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Typeface: Helvetica

When Designing a layout and working with text and/or images the use of a grid is essential, as it is the basis on which information is organized and clarified, ensuring legibility. The grid provides a framework were text, image and space can be combined into a cohesive manner.

“The grid system is an aid, not a guarantee.” It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. —Josef Müller-Brockmann Mrzyk & Moriceau

A grid subdivides a page vertically and horizontally into margins, columns, intercolumn spaces, lines of type, and spaces between blocks of type and images. These subdivisions form the basis of a modular and systematic approach to the layout, particularly for multi-page documents, which makes the design process quicker, and ensures visual consistency between related pages.

At its most basic, the sizes of a gridâ&#x20AC;&#x2122;s component parts are determined by ease of reading and handling. From the sizes of type to the overall page or sheet size, decision-making is derived from physiology and the psychology of perception as much as by aesthetics. Type sizes are generally determined by hierarchyâ&#x20AC;&#x201D;captions smaller than body text and so onâ&#x20AC;&#x201D;column widths by optimum word counts of eight to ten words to the line, and overall layout by the need to group related items. This all sounds rather formulaic, and easy. But designers whose grids produce dynamic or very subtle results take these rules as a starting point only, developing flexible structures in which their sensibility can flourish.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Grids

TSCHICHOLDâ&#x20AC;&#x2122;S GRID Tschichold's grid (symmetrical grid) This example shows a grid where the proportions of the text area are established from the shape of the page, i.e. the height of the text area is the same as the width of the full page. Note that the text area will always remain the same, regardless of the scale of the pages.

Grids often need to be designed to give more flexibility than the single column of text per page. This is due to a change in our reading patterns. Although we still read consecutively, our attention is drawn to both magazines and coffee table books which are often alrger in format and highly illustrated. The grid structures for these formats have to accomodate a greater variety of material such as photographs, illustrations,headings, captions, references, charts: they need to be more complicated than for a grid using only text and may utilize more modules. Therefore, the design of the grid has to be relevant to its purpose.

The golden section has been used for centuries. The Greeks used the golden section to establish balance in the design of architecture, for example the Parthenon, and it was re-discovered by artists and architects during the Renaissance period. The golden section is constructed through mathematical calculation, the ratio being 1:1.61803.

The Golden Section

The Fibonacci sequence is a mathematical series discovered in the 12th century by Leonardo Fibonacci and is used to establish proportion. The sequence of numbers demonstrates that the sum of two numbers establishes the nest number, for example (2+3) 5. 0 (0+1) 1 (1+1) 2 (1+2) 3 (2+3) 5 (3+5) 8 (5+8) 13... The ratio of each successive pair of numbers approximates 1.618, the same as the golden section.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

The Golden Section (Fibonacci's sequence)

MODULAR GRID Modular Grids Modular grids are created by positioning horizontal guidelines in relation to a baseline grid that governs the whole document. Baseline grids serve to anchor all (or nearly all) layout elements to a common rhythm. Create a baseline grid by choosing the type size and leading of your text, such as 10-pt Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can work with whole numbers that multiply and divide cleanly. Use this line space increment to set the baseline grid in your document preferences.

Adjust the top or bottom page margin to absorb any space left over by the baseline grid. Determine the number of horizontal page units in relation to the number of lines in your baseline grid. Count how many lines fit in a full column of text and then choose a number that divides evenly into the line count to create horizontal page divisions. A column with forty-two lines of text divides neatly into seven horizontal modules with six lines each. If your line count is not neatly divisible, adjust the top and/or bottom page margins to absorb the leftover lines.

COLUMN GRID

When layouts for books or magazines are designed, text is positioned on the grid within columns, which are formed by modules, allowing for more than one module or columns per page. Using columns enables the designer to maintain consistent line length. Before a layout and number of columns can be established for a printed work it is essential to consider the following: How many pages will there be? What is the page size? Is the publication text heavy or image heavy? What is the optimum line length for the text? What leading will be used? What will the binding be like?

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Column Grid

BASELINE GRID Baseline Grid Baseline grids are created by positioning horizontal guidelines in relation to a baseline grid that governs the whole document. Baseline grids serve to anchor all (or nearly all) layout elements to a common rhythm. Create a baseline grid by choosing the type size and leading of your text, such as 10-pt Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can work with whole numbers that multiply and divide cleanly. Use this line space increment to set the baseline grid in your document preferences.

BASELINE GRID

Asymmetrical grids may have an off center appearance either as single pages or combined in spreads. If used in spreads, the grid is not mirrored from from one page to the next as in symmetrical grids, but is more likely to appear repeated in a single position from page to page. Again, as with all grid systems, attention to the relationship of the margins is important. It can be this element alone that determines the success of the eventual layout.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Asymmetrical Grid

Having the right amount of characters on each line is key to the readability of your text. It shouldnâ&#x20AC;&#x2122;t merely be your design that dictates the width of your text, it should also be a matter of legibility.

extra characters not welcome! (there should only be 55-60 characters per line)

Mrzyk & Moriceau

If a line of text is too long the visitor’s eye will have a hard time focusing on the text. This is because the length makes it difficult to get an idea of where the line starts and ends. Furthermore it can be difficult to continue from the correct line in large blocks of text. If a line is too short the eye will have to travel back too often, breaking the reader’s rhythm. Too short lines also tend to stress people, making them begin on the next line before finishing the current one (hence skipping potentially important words).

Reminder: A general guideline for determining if your line length is long enough to satisfactorily justify the text: the line length in picas should be about twice the point size of the type; that is, if the type you are using is 12 point, the line length should be at least 24 picas (24 picas is 4 inches-simply divide the number of picas by 6, as there are 6 picas per inch). Thus 9-point type should be on an 18pica line (3 inches) before you try to justify it, and 18-point type should be on a 36-pica line (6 inches). The rulers in most programs can be changed to picas, if you like.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

The optimal line length for your body text is considered to be 50-60 characters per line, including spaces. Reading takes place in small leaps of 5–10 characters at a time. 55–60 characters per line could be considered an appropriate line length, allowing the eye 6–12 quick stops on each line. Narrower lines would cause the reader to have to switch from line to line unnecessarily often, and they also cause problems with the way justified columns appear.

Rivers In typography, rivers, or rivers of white, are visually unattractive gaps appearing to run down a paragraph of text. They can occur with any spacing, though they are most noticeable with wide word spaces caused by either full text justification or monospaced fonts.

Widows and Orphans Never leave widows and orphans bereft on the page. Avoid both of these situations. If you have editing privileges, rewrite the copy, or at least add or delete a word or two. Sometimes you can remove spacing from the letters, words, or lines, depending on which program youâ&#x20AC;&#x2122;re working in. Sometimes widening a margin just a hair will do it. But it must be done. Widows and orphans on a page are wrong.

Widow When a paragraph ends and leaves fewer than seven characters (not words, characters) on the last line, that line is called a widow. Worse than leaving one word at the end of a line is leaving part of a word, the other part being paraphrased on the line above.

When the last line of a paragraph, be it ever so long, wonâ&#x20AC;&#x2122;t fit at the bottom of a column and must end itself at the top of the next column, that is an orphan. ALWAYS correct this.

Donâ&#x20AC;&#x2122;t stand alone! (you are not a widow,

Mrzyk & Moriceau

always find a buddy.)

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Orphan

12 Line spacing is the vertical distance between lines of text. Leading is the hot-metal printing term that refers to the strips of lead that were inserted between text measures in order to space them accurately.

Leading is specified in points and refers now days to the space between lines of a text block. Leading introduces space into the text block and allows characters to "breathe" so that the information is easy to read. To achieve a balanced and and well-spaced text block, leading usualy has a higher point size than the text it is associated with, for example 9pt text maybe set with 12pt leading. Most writers use either double-spaced lines or single-spaced lines—nothing in between— because those are the options presented by word processors. These habits are held over from the typewriter era. Originally, a typewriter’s carriage could only move vertically in units of a single line.Therefore, linespacing choices were limited to one, two, or more lines at a time. Double spacing became the default because singlespaced typewritten text is dense and hard to read. But double-spacing is still looser than optimal.

Mrzyk & Moriceau

The perfect amount of distance... 64

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

NEGATIVE 9pt/7pt

NEGATIVE 9pt/7pt Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism

SOLID 9pt/9pt Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism

NORMAL 8.5pt/12pt Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation

EXTREME 8.5pt/15pt Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

NEGATIVE 9pt/7pt

Don’t rely on the software to judge where hyphens should be placed. At the end of lines, leave at least two characters behind and take at least three forward. For example, “ele-gantly” is acceptable, but “elegant-ly” is not because it takes too little of the word to the next line.

Avoid leaving the stub end of a hyphenated word or any word shorter then four letters as the last line of a paragraph. Avoid more then 3 consecutive hyphenated lines. Avoid hyphenating or breaking proper names and titles. Creating a non-breaking space before and after the name will ensure that the name will not break. Avoid beginning three consecutive lines with the same word Since software programs deal with line breaks automatically based upon a number of variables, it is possible to have paragraphs with consecutive lines beginning with the same word. When this happens simply adjust the text to avoid/fix the problem.

change hyphenation yourself, the computer will screw it up!

Hyphenation rules pay attention to: – how the text is read avoid widows(one word on the last line of a paragraph) – avoid hyphenating or line brakes of names and proper nouns – leave a least 2 characters on the line and 3 following – avoid beginning consecutive lines with the same word – avoid ending consecutive lines with the same word – avoid ending lines with the words: the, of, at, a, by... – never hyphenate a words in a headline and avoid hyphenation in a callout

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

Don’t be lazy

14 Justified text is spaced so the left and right sides of the text block both have a straight edge. The usual alternative to justified text is left-aligned text, which has a straight left edge and an uneven right edge.

Justify text only if the line is long enough to prevent awkward and inconsistent word spacing. The only time you can safely justify text is if your type is small enough and your line is long enough, as in books where the text goes all the way across the page. If your line is shorter, as in newsletter, or if you don't have many words on the line, than as the type aligns to the margins the words space themselves to accommodate it. It usually looks awkward. You've seen newspaper columns where all text is justified, often with a word stretching all the way across the column, or a little word on either side of the column with a big gap in the middle. Gross. But that's what can happen with justified type. When you do it, the effect might not be as radical as the newspaper column, but if your lines are relatively short, you will inevitably end up with uncomfortable gaps in some lines, while other lines will be all squished together. When your work comes out of the printer, turn it upside down and squint at it. The rivers will be very easy to spot. Get rid of them. Try squinting at the example on the bottom of the previous page.

Mrzyk & Moriceau

among many other things…

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinetti’s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Andale Mono

JUSTIFICATION SETTINGS

This works better for the wide column because there are less awkward gaps.

WORD SPACING minimum: 80 desired: 100 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 0

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Good justification? I’ll drink to that.

A general guideline for determining if your line length is long enough to satisfactorily justify the text: the line length in picas should be about twice the point size of the type; that is, if the type you are using is 12 point, the line length should be at least 24 picas (24 picas is 4 inchessimply divide the number of picas by 6, as there are 6 picas per inch). Thus 9-point type should be on an 18-pica line (3 inches) before you try to justify it, and 18-point type should be on a 36pica line (6 inches). The rulers in most programs can be changed to picas, if you like.

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Akzidenz Grotesk

JUSTIFICATION SETTINGS WORD SPACING minimum: 80 desired: 90 maximum: 100 LETTER SPACING minimum: 0 desired: 0 maximum: 2

This works well for both columns because there are minimal rivers and gaps.

“I’m not fat, I’m bold.”

TYPEFACE: Frutiger

JUSTIFICATION SETTINGS WORD SPACING minimum: 90 desired: 90 maximum: 120 LETTER SPACING minimum: 0 desired: 3 maximum: 5

This works okay for both because there are random spaces and gaps.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Mrzyk & Moriceau

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and local libraries.

TYPEFACE: Univers

JUSTIFICATION SETTINGS

This works well for the wide column because the words and letters look naturally tight together.

WORD SPACING minimum: 90 desired: 100 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 10

(and making other designers feel like idiots because your idea wasn't theirs)

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and local libraries.

TYPEFACE: Helvetica

JUSTIFICATION SETTINGS

This works well for both because it is easy to read and minimal rivers.

WORD SPACING minimum: 90 desired: 110 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 2

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Good design is all about creating your own path

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Mrs. Eaves

JUSTIFICATION SETTINGS WORD SPACING minimum: 80 desired: 100 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 0

design tip

This doesn't work well because words are spaced too far apart.

B A D KERNING C A N N E V E R B E JUSTIFIED

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural,

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Bodoni

JUSTIFICATION SETTINGS

This works well because words are evenly spaced apart and it's easy to read.

WORD SPACING minimum: 80 desired: 90 maximum: 100 LETTER SPACING minimum: 0 desired: 0 maximum: 2

FEELING OVERWHELMED? sucks. so is everyone else.

Mrzyk & Moriceau

Henn Kim

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Memphis

JUSTIFICATION SETTINGS WORD SPACING minimum: 90 desired: 90 maximum: 120 LETTER SPACING minimum: 0 desired: 3 maximum: 5

This works better for the wide column because the short column is awkwardly spaced out.

I shot the serif

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebr ating c hange, or iginalit y, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinetti’s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence

TYPEFACE: Caslon JUSTIFICATION SETTINGS

This works well for both because there are no rivers or gaps.

WORD SPACING minimum: 90 desired: 100 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 10

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

(’cause I wanted to try sans too)

Look closely! If you see rivers, change the justfications settings

Henn Kim

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Bembo

JUSTIFICATION SETTINGS

This works well for both column widths but looks better on the wide one.

WORD SPACING minimum: 90 desired: 110 maximum: 133 LETTER SPACING minimum: 0 desired: 0 maximum: 2

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called for the sweeping repudiation of traditional cultural, social, and political values and the destruction of such cultural institutions as museums and libraries.

TYPEFACE: Garamond

JUSTIFICATION SETTINGS WORD SPACING minimum: 100 desired: 110 maximum: 120 LETTER SPACING minimum: 0 desired: 6 maximum: 10

This works well for both columns because there are no rivers.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement. He exalted violence and conflict and called

Readability and legibility are two key elements of printed text that typographers strive to maximize.

X-Height There are several factors that determine whether a text is readable. When deciding what typeface should be used for a job, consideration should be given to the typeface and its x-height. It is important to understand how a block of text can express a message through its texture/color, therefore suiting a particular design solution. Fonts set in the same size, same leading and column width will produce varying degrees of â&#x20AC;&#x153;colorâ&#x20AC;?. In typography, color can also describe the balance between black and white on the page of text. A typefaceâ&#x20AC;&#x2122;s color is determined by stroke width, x-height, character width and serif styles.

Legibility Legibility is the concern of the typographer to select a typeface with appropriate clarity of design for the intended use at the intended size. The typeface chosen should be legible. That is, it should be read without effort. Sometimes legibility is simply a matter of type size; more often, however, it is a matter of typeface design. In general, typefaces that are true to the basic letterforms are more legible than typefaces that have been condensed, expanded, embellished, or abstracted.

Legibility, readability and x-height

Readability Legibility is different from readability. Readability is the ease with which a reader can recognize words, sentences, and paragraphs. Legibility is a component readability. Other typographic factors that affect readability include font choice, point size, kerning, tracking, line length, leading, and justification. In typography, color can also describe the balance between black and white on the page of text. A typefaceâ&#x20AC;&#x2122;s color is determined by stroke width, x-height, character width and serif styles. As a designer, if you are only asked to make the text readable on the page the following questions should be askedâ&#x20AC;Ś Who is to read it? Someone that wants to read it? Someone that has to read it? How will it be read? Quickly. In passing. Focused. Near. Far.

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Henn Kim

they go together like copy & paste

X x hg

Xxhg

mrs eaves Zuzana Licko

MEMPHIS Rudolf Wolf

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: small character width: narrow color: light

8.5/12 x-height: average character width: wide color: average

Xxhg

BEMBO Francesco Griffo

BODONI Giambattista Bodoni

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: small character width: average color: light

8.5/12 x-height: average character width: narrow color: dark

72 point

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Xxh g

X xhg

ADOBE CASLON William Caslon I

ROCKWELL Frank Hinman Pierpont.

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: narrow color: dark

8.5/12 x-height: large character width: wide color: dark

Xxhg

72 point

TIMES NEW ROMAN Stanley Morison

DIDOT Firmin Didot

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: average color: average

8.5/12 x-height: average character width: average color: light

X x hg

Xxhg

BASKERVILLE John Baskerville

CLARENDON Robert Besley

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: small character width: average color: light

8.5/12 x-height: large character width: wide color: average

72 point

SABON Jan Tschichold

SWIFT Gerard Unger

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: average color: dark

8.5/12 x-height: average character width: wide color: average

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

X x hg Xx hg

X x hg

X xhg

HELVETICA Max Miedinger

Univers Adrian Frutiger

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: large character width: wide color: dark

Xxhg

FUTURA Paul Renner

BERTHOLD AKZIDENZ GROTESK Stanley Morison

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: large character width: wide color: dark

8.5/12 x-height: average character width: average color: light

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

72 point

X x hg

X xh g

WHITNEY Tobias Frere-Jones

DIN Albert-Jan Pool

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: average color: light

8.5/12 x-height: large character width: narrow color: dark

X xhg

SABON Jan Tschichold

SCALA SANS Martin Majoor

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: average color: dark

8.5/12 x-height: average character width: narrow color: dark

72 point

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

X x hg

X xhg

Xxhg

TRADE GOTHIC Jackson Burke

AVENIR Adrian Frutiger

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: large character width: narrow color: average

8.5/12 x-height: large character width: wide color: light

X x hg

Xxhg

PLATELET Conor Mangat

ANDALE MONO Steve Matteson

Futurism was first announced on February 20, 1909, when the Paris newspaper Le Figaro published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society. Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The works were characterized by the depiction of several successive actions of a subject at the same time. Marinettiâ&#x20AC;&#x2122;s manifesto glorified the new technology of the automobile and the beauty of its speed, power, and movement.

8.5/12 x-height: average character width: average color: dark

8.5/12 x-height: average character width: average color: light

72 point

Paragraph breaks set a rhythm for the reader. The breaks have a relationship with the column of text as well as the page margins. A break may be introduced as an indentation, as a space or both. The over all page feel will be influenced by your choice.

In typography there are 4 rules regarding paragraph breaks:

Mrzyk & Moriceau

1. first line at the beginning of an article should be flush left (do not indent first paragraph) 2. block paragraphs are flush left and are separated by extra leading not a full return 3. the amount indent is = to the leading (sometimes needs a bit more) 4. never hit two returns between paragraphs

Follow type rules! but ignore others, if you obey all the rules, youâ&#x20AC;&#x2122;ll miss all the fun.

Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term— still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

INDENT

EXTENT type > tab – highlight all text, pull both arrows over, pull top arrow back to far left Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

SPACE BETWEEN PARAGRAPHS

SYMBOL MARKER

Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

100

101

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

COLORED TEXT

ALL CAPS FUTURISM WAS FIRST ANNOUNCED ON FEBRUARY 20, 1909, WHEN THE PARIS newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. BUT IT IS THE MOVEMENTS WHICH SURVIVE, ODDLY, HERE WHERE WE LIVE and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. WHILE MARINETTI’S OPENING MANIFESTO FOR ITALIAN FUTURISM BRISTLED with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

102

Futurism was first announced on February 20, 1909, when the Paris newspaper “Le

Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term— still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

103

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

INCREASE SIZE

COLOR MARKERS

104

105

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

TAB EVERY OTHER PARAGRAPH

COLORED PARAGRAPHS

106

Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

107

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

BOLD FIRST SENTENCE

Headers The main header or “headline” is essential to be bold and leap out as the main title of the page or chapter start. If it does not the reader may be confused as to where the document actually starts. The main header should also look like it belongs to the first sentence. This can be achieved by ensuring that its paragraph spacing (the space after a hard return) is smaller than the paragraph spacing of the first sentence. Paragraph spacing is not commonly used – even amongst designers, but it is an extremely useful tool. Many people add spacing by hitting return but this does not give much control and cannot be styled from style sheets.

Subheads The purpose of a subhead is to split up body text so that a reader can find their way around the document with ease. It also makes the document more readable because the viewer is not faced with a page of block text. Each subhead needs to be linked with the corresponding body text underneath it. This should be achieved by using correct spacing after and before the subhead.

Henn Kim

In a perfect world… everyone would follow type rules, chip bags would come full and wifi would never have passwords.

108

Words in Liberty Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention.

Radical mix of art and life But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

109

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

A Prologue to Futurism

WORDS IN LIBERTY A Prologue to Futurism Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention.

Radical mix of art and life But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-theworld, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

110

WORDS IN LIBERTY Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention.

Radical mix of art and life

But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

111

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

A Prologue to Futurism

WORDS IN LIBERTY

A Prologue to Futurism

Radical mix of art and life

But it is the movements which survive, oddly, here where we live and work as poets and ar tists: or, if not the movements, then their sense of ar t as an life itself. All of which, as futurism, had come sharply into focus by the star t of the world war : a first radical mix of ar t and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “ar t” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and ar tists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in liber tà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

112

A Prologue to Futurism

Radical mix of art and life

113

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

WORDS IN LIBERTY

WORDS IN LIBERTY A PROLOGUE TO FUTURISM FUTURISM WAS FIRST ANNOUNCED ON FEBRUARY 20, 1909, WHEN THE Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention.

RADICAL MIX OF ART AND LIFE BUT IT IS THE MOVEMENTS WHICH SURVIVE, ODDLY, HERE WHERE WE l ive and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. WHILE MARINETTI’S OPENING MANIFESTO FOR ITALIAN FUTURISM bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

114

WORDS IN LIBERTY A Prologue to Futurism

Radical Mix of Art and Life

115

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Futurism was first announced on February 20, 1909, when the Paris newspaper “Le

WORDS IN LIBERTY A PROLOGUE TO FUTURISM

RADICAL MIX OF ART AND LIFE

116

117

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

WORDS IN LIBERTY

A Prologue to Futurism

WORDS IN LIBERTY A PROLOGUE TO FUTURISM Futurism was first announced on February 20, 1909, when the Paris newspaper “Le Figaro” published a manifesto by the Italian poet and editor Filippo Tommaso Marinetti. The name Futurism, coined by Marinetti, reflected his emphasis on discarding what he conceived to be the static and irrelevant art of the past and celebrating change, originality, and innovation in culture and society.1 Futurism rejected traditions and glorified contemporary life, mainly by emphasizing two dominant themes, the machine and motion. The manifesto’s rhetoric was passionately bombastic; its tone was aggressive and inflammatory and was purposely intended to inspire public anger and amazement, to arouse controversy, and to attract widespread attention. RADICAL MIX OF ART AND LIFE But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedomof-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

118

RADICAL MIX OF ART AND LIFE

119

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

A PROLOGUE TO FUTURISM

Footnotes and endnotes Footnotes and endnotes are necessary components of scholarly and technical writing. Theyâ&#x20AC;&#x2122;re also frequently used by writers of fiction, from Herman Melville (Moby-Dick) to contemporary novelists. Whether their intent is academic or artistic, footnotes present special typographic challenges.

Specifically, a footnote is a text element at the bottom of a page of a book or manuscript that provides additional information about a point made in the main text. The footnote might provide deeper background, offer an alternate interpretation or provide a citation for the source of a quote, idea or statistic. Endnotes serve the same purpose but are grouped together at the end of a chapter, article or book, rather than at the bottom of each page. These general guidelines will help you design footnotes and endnotes that are readable, legible and economical in space. (Note that academic presses and journals can be sticklers for format: before proceeding, check with your client or publisher to see if they have a specific stylesheet that must be followed.)

120

Size: Footnotes and endnotes are set smaller than body text. The difference in size is usually about two points, but this can vary depending on the size, style and legibility of the main text. Even though theyâ&#x20AC;&#x2122;re smaller, footnotes and endnotes should still remain at a readable size.

On that noteâ&#x20AC;Ś

Henn Kim

just rememberâ&#x20AC;&#x201C;a footnote is one piece of information at the bottom of the page and an endnote is a group of footnotes gathered at the end of a chapter or section

121

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

Numbers or Symbols: Footnotes are most often indicated by placing a superscript numeral immediately after the text to be referenced. The same superscript numeral then precedes the footnoted text at the bottom of the page. Numbering footnotes is essential when there are many of them, but if footnotes are few they can be marked with a dagger, asterisk, or other symbol instead. Endnotes should always use numerals to facilitate easy referencing.

Radical mix of art and life But it is the movements which survive, oddly, here where we live and work as poets and artists: or, if not the movements, then their sense of art as an life itself. All of which, as futurism, had come sharply into focus by the start of the world war: a first radical mix of art and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “art” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and artists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in libertà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-theworld, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.”

Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liberta = words set free (liberty) 3 selbst = himself 1 2

122

Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liberta = words set free (liberty) 3 selbst = himself 1 2

123

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

A Prologue to Futurism

WORDS IN LIBERTY A PROLOGUE TO FUTURISM

RADICAL MIX OF ART AND LIFE

Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liberta = words set free (liberty) 3 selbst = himself 1

124

Radical mix of art and life

Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liberta = words set free (liberty) 3 selbst = himself 1 2

125

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

WORDS IN LIBERTY

A Prologue to Futurism

WORDS IN LIBERTY A Prologue to Futurism

Radical mix of art and life

But it is the movements which survive, oddly, here where we live and work as poets and ar tists: or, if not the movements, then their sense of ar t as an life itself. All of which, as futurism, had come sharply into focus by the star t of the world war : a first radical mix of ar t and life, the epitome in the poplar mind of an avant-garde. It was, on both its Russian & Italian sides, the first great “ar t” movement led by poets; and if its means now sometimes seem exaggerated or unripe in retrospect, they carry within them the seed of all that we were later to become. While Marinetti’s opening manifesto for Italian Futurism bristled with a polemical stance in favor of the transformed present (1909), the later manifestos of Futurist poets and ar tists offered formal, “technical” approaches to the works then getting under way. The key term—still resonant today—was parole in liber tà2, by which poetry was to become “an uninterrupted sequence of new images… (a) strict bet of images or analogies, to be cast into the mysterious sea of phenomena.” This freedom-of-the-world, while it resembled other forms of collage and of image juxtaposition, more fully explored the use of innovative and expressive typography in the visual presentation of language, as set in motion by forerunners like Mallarme. Outrageous and aggressive, the Futurists’ performances mixed declamation and gesture, events and surroundings, indifference and engagement, to break the barriers between themselves and those who came to jeer or cheer them. Wrote Marinetti selbst3 (circa 1915), “Everything of any value is theatrical.” Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liber ta = words set free (liber ty) 3 selbst = himself 1 2

126

A Prologue to Futurism

Radical mix of art and life

Philip Meggs, History of Graphic Design, Van Nostrand Reinhold, 1988 parole in liberta = words set free (liberty) 3 selbst = himself 1 2

127

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

WORDS IN LIBERTY

A list of approved typefaces and their families. a typeface (also known as font family) is a set of one or more fonts each composed of glyphs that share common design features.

It's all in the family Mrzyk & Moriceau

(font family, that is)

128

ARCHER : SLAB SERIF

MaxogGdQRst BOOK

A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * HAIRLINE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * SEMI-BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 { } ? ! @ & *

BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 { } ? ! @ & * 129

AKZIDENZ GROTESK : GROTESQUE

MaxogGdQRst LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* MEDIUM

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&*

130

BASKERVILLE : TRANSITIONAL

MxaogGdQRt Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* SMALL CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* 131

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

BAU: TRANSITIONAL

MxaogGdQRt REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 890(){}?!@&* SUPER

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&*

132

BELIZIO : SLAB SERIF

MxagGdQrR Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* BLACK ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* 133

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

BELL GOTHIC: GROTESQUE

MxagGdQrRI LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&*

134

BEMBO: OLD STYLE

MxnogGdQrRst A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* EXTRA BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* 135

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

BOOKMAN: NEW TRANSITIONAL

MxaogGdQrR REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&* BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&* 136

BODONI: MODERN (DIDONE)

MxaogGdQrRst A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 34567890(){}?!@&*1234567 89

ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 34567890(){}?!@&*

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890(){}?!@&*

SMALL CAPS OLD STYLE FIGURES

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* 137

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

CASLON: TRANSITIONAL

MxanogGdQRt REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * ALTERNATE

c h i k l Ss T t A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

SWASH

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Z ORNAMENT

A a Bb C c D d Ee F f G g H h Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr S s Tt Uu Vv Ww X x y Z z 1 2 3 4 138

CENTURY SCHOOLBOOK: TRANSITIONAL

MxaogGdQrRt A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&*123456789 ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 890(){}?!@&* BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 890(){}?!@&* 139

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

CHELTENHAM: OLD STYLE

MaxogGdQrRs REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* 140

CLARENDON: SLAB SERIF

MxagGdQrRt A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7890(){}?!@&*

141

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

LIGHT

DIDOT: MODERN

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&*123456789

REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &*

ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ){}?!@&*

BOLD

SMALL CAPS OLD STYLE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* 142

FILOSOFIA: MODERN

MxnaopQrRtfGg A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* FRACTIONS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * UNICASE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? !@&* SMALL CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&*

143

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

FRANKLIN GOTHIC: GROTESQUE

MaxodQRtfGg BOOK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* REGULAR CONDENSED

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7890(){}?!@&*

EXTRA CONDENSED

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

144

FRUTIGER: HUMANIST

MaxodQRtfGg A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&* BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* ULTRA BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* 145

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

CONDENSED

FUTURA: GEOMETRIC

MxaopQRstGg BOOK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 67890(){}?!@&* EXTRA BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

146

GILL SANS: HUMANIST

MaxnbyogGQRt Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&*

147

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

GOTHAM: GEOMETRIC

MayogGdQRt BOOK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* 148

HELVETICA : NEO-GROTESQUE

MaoygGdQrRt

REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&*

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&* OBLIQUE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* ULTRA LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

149

INTERSTATE : NEO-GROTESQUE

MaoygGdQrRt REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ){}?!@&* BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* BOLD CONDENSED

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* 150

KUNSTLER SCRIPT : FORMAL SCRIPT

xyogGdQrRst Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* Pat. San ea consectet ad duis dolorem eu facil dit am, summy nisim ipit, quat, velit pratismodo diat. Et lorperi liquat lor sequam zzrilit, velese facin ut verosti nciduis modit, qui erosto odit ut verit nos nos amet iure doluptatisl digna facin hendre ming ea feum incilla ad dunt dunt ipit vulput lorper sumsand ionsenit num ip erit la feu feumsan henis exerci esto etumsan hent am, velit, quisit nummy nosto dolutat irit veniam zzrilit, qui tincilit wis eum zzriustis ex eraestrud delit lamcon vero exercidunt aliscidui bla facip et veniam eum illan veros dignit alit vullandiat nis nisl dunt aliquam consent alit etuero odionsecte dunt nulla faci et in vulla feugait lore eum zzril ullamco nsequi bla autpatet nummodipisi. Ed etummodit vullamcon utat ulluptat delendit nonsenim inciliqui tio odoloreet ver sum velis aliquis del irit aut nosto consequam zzrit aut ipsum diamcon sequam num et wisi tio dolorem elesto 151

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

MELIOR : SLAB SERIF

MayogGdQrRt REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD ITALIT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* 152

MEMPHIS : SLAB SERIF

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* MEDIUM ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* EXTRA BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&*

153

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

LIGHT

META : HUMANIST

MaxogGdQrRst REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * 154

MRS EAVES : TRANSITIONAL

MaxogGdQrRst A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * 1 2 3 456789 ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * FRACTIONS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&*

155

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

NEWS GOTHIC : REALIST

MaopQRfGg BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&*123456789 ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&*

156

OCR A : SANS SERIF

MaopQRfGg A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more historic characteristics.

Aa Bb Ii Jj Qq Rr Yy Zz 9 0 (

Cc Dd Kk Ll Ss Tt 1 2 3 ) { }

157

Ee Ff Gg Hh Mm Nn Oo Pp Uu Vv Ww Xx 4 5 6 7 8 ? ! @ & *

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

PALATINO : OLD STYLE

MxaopQRstGg LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&*

OLD STYLE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* 158

PLATELET : GEOMETRIC

MaxbyogGQrRt A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Mm Nn Yy Zz ? ! @

Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx 1 2 3 4 5 6 7 8 9 0 ( ) { } & * REGULAR

Aa Bb Mm Nn Yy Zz ? ! &

Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx 1 2 3 4 5 6 7 8 9 0 ( ) { } * HEAVY

Aa Bb Mm Nn Yy Zz ? ! @

Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx 1 2 3 4 5 6 7 8 9 0 ( ) { } & *

159

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

THIN

PRIORI SANS : GEOMETRIC

MxanopdrRtSfGg REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* ALTERNATE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 90(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7890(){}?!@&*

160

PRIORI SERIF : NEW TRANSITIONAL

MxanodQrRtSfg A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&* ALTERNATE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 567890(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 123 4567890(){}?!@&*

161

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

ROTIS : HUMANIST

MxanopQrRtGg (55) SANS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7890(){}?!@&* SERIF

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? !@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ?!@&* 162

SABON : OLD STYLE

MxayogGQfR A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* SMALL CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { }?!@&* 163

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

ITALIC

SCALA SANS : HUMANIST

MxabyogGdQrR CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! & *

ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

164

SERIFA : SLAB SERIF

MxaoygGdQR A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) {}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* BLACK

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* 165

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

LIGHT ITALIC

SWIFT : NEW TRANSITIONAL / HUMANIST

MxaoygGdQrR BOLD CONDENSED

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & * REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 123 4567890(){}?!@&*

BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ &* 166

TRADE GOTHIC : HUMANIST

MxanyogGdQrR A basic system for classifying typefaces was devised in the nineteenth century, when printers sought to identify a heritage for their own craft analogous to that of art history. Humanist letterforms are closely connected to calligraphy and the movement of the hand. Transitional and modern typefaces are more abstract and less organic. These three main groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods in art and literature. Designers in the twentieth and twenty-first centuries have continued to create new typefaces based on historic characteristics.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 890(){}?!@&* LIGHT

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? ! @ & *

BOLD NO.2

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ) { } ? !@&* 167

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

CONDENSED

WALBAUM : MODERN

MxyagGdQrR REGULAR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* SMALL CAPS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 (){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 890(){}?!@&* 168

VOLTA : SLAB SERIF

MyogGdQrR Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* MEDIUM

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4567890(){}?!@&* MEDIUM ITALIC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 67890(){}?!@&* BOLD

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0(){}?!@&* 169

/ / T Y P O G R A P H I C R U L E S F O R T H E M I L D L Y HUMOROUS

REGULAR

Designed by Kelley McQuillen. Class project for Typographic Systems at the University of Kansas, Spring 2016. The text was compiled from the following sources: Elements of Typographic Style by Robert Bringhurst, Getting it Right with Type: the Do's and Don'ts of Typography by Victoria Square, Mac is Not A Typewriter by Robin Williams. This book is not to be sold to the public and to only be used by the designer for their reference and student design portfolio.

170