font workbook

y h p a r g o p Ty d e n fi De Elise r e l l i m e n o r C

Typograpy Defined

Designed by: Elise Cronemiller. Class project for Typographic Systems at the University of Kansas, Spring 2021. 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, Practical Typography by Matthew Butterick. 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.

Table of Contents 1 2 3 4 5 6 7 8 9 10 11 12 13

Rules Check Sheet Typographic Rules Accent Marks, Special Characters Quotes, Apostrophes, Inch, Foot Hyphens, Dashes Small Capitals Numerals, Figures Typographic Color Words, Lines, Paragraphs Line Length, Column Width Kerning Hyphenation Rules Justification Settings

01

RULES C The fol lowing is throug h befor a list you sho u e finish ing eve ld run ry proje ct.

HECK

SHEET

typogra phy defi ned Ch. 01

RULES CHECK SHEET 1.Use only one space between sentences.

2.Use real quotation marks. Use real apostrophes.

3.Make sure the apostrophes are where they belong.

4.Hang the punctuation off the aligned edge.

5.Use en or em dashes, use consistently.

6.Kern all headlines where necessary.

7.Never use the spacebar to align text,always use tabs and tab key.

8. Leave no widows or orphans.

9. Avoid more than 3 hyphenations in a row.

19. Tighten up the leading in lines with all caps or with few ascenders and descenders.

20. Use a one-em first-line indent on all indented paragraphs.

21. Either indent the first line of paragraphs or add extra space 22. between them – not both.

23. Use a decimal or right-aligned tab for the numbers in 24. numbered paragraphs.

25. Never have one line in a paragraph in the column or following (orphan).

10. Avoid too many hyphenations in any paragraph.

11. Avoid hyphenating proper nouns.

12. Leave a least 2 characters on the line and 3 following.

13. Avoid ending consecutive lines with the same word.

14. Avoid ending lines with the words: the, of, at, a, by..

15. Never hyphenate a words in a headline and avoid 16. hyphenation in a callout.

17. Never justify the text on a short line (widow).

18. Keep the word spacing consistent.

26. Never combine two serif fonts on one page.

27. Rarely combine two sans serif fonts on one page.

28. Rarely combine more than three typefaces on one page.

29. Use the special characters whenever necessary, including 30. super- and subscript.

31. Spend the time to create a nice fraction or choose a font that has fractions.

32. If a correctly spelled word needs an accent mark, use it.

typography defined

Ch. 01

page 5

02

Typography Rules

Type Crimes, ty pographic sin s, things you s do with type a hould never re committed everyday. How is typographic important correctness a nd how unforg the crimes? T ivable are ypographers h ave compiled type crimes th a n umber of at have been labeled as “un forgivable.

typography de fined Ch. 02

TYPOGRAPHY RULES typography defined

1. Insert only a single space punctuation

5. Copyright, register, and trademark marks

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.

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 than other marks.

If you choose superscript ®, reduce it to about 60% of the size.

2. Use ‘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.)

3. Use proper quote and apostrophe marks Use true quotation marks and apostrophes instead of using inch marks and feet marks. Place all punctuations inside the quotation marks. Straight quotes are the two generic vertical quotation marks located near the return key: the straight single quote (‘) and the straight double quote (“). Curly quotes are the quotation marks used in good typography. There are four curly quote characters: the opening single quote (‘), the closing single quote (’), the opening double quote (“), and the closing double quote (”).

4. 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 computer 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.

Ch. 02

6. 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.

7. Avoid 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.

8. Set the 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.

Do not use the program default setting for body type or leading. Type studies will help you determine the proper size before you proceed with your layout.

9. Find the proper line length Lines should not be too long; the reader’s eye may have difficulty finding the beginning of the next line. Especially when leading is tight. Lines should not be too short.

Very short lines offer little flexibility for adjusting word and letter spacing. A rough rule of thumb, 45 - 70 characters per line is a good average for paragraphs. Longer lines will need more leading. For multi—column layouts the range could be between 35 - 55 characters per line.

page 7

TYPOGRAPHY RULES typography defined

10. Increase leading to improve readability

16. Rules of hyphenation

Leading refers to the space between lines of text. It's important for readability and appearance. Leading is measured from baseline to baseline. Allow leading that is 120% of the point size. For sans serif, you may need 130% or more.

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, “elegantly” 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 than four letters as the last line of a paragraph. Avoid more than 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.

11. letterspacing lowercase body copy Don’t letterspace body copy as it really hampers legibility. Fred Goudy, one of the most prolific and well-known American type designers of the 20th century, is reported to have said, “Anyone who would letterspace lowercase would steal sheep.” So take heed! Adding space between lowercase letters is considered poor typography because it breaks up the word shapes made by upper and lowercase letters. These shapes are what the brain recognizes when we read, so this type crime severely reduces readability.

12. Letter spacing text Add letter spacing (tracking) to all cap text or when using small caps. To increase legibility add tracking to headlines, subheads, or any instances when you are using all capital letters.

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

14. 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!

15. 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

17. Don't start three 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.

18. 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. Try to eliminate these unsightly stray words at the ends of paragraphs or tops of pages. They create visual holes in the flow of text. Methods to eliminate widows and orphans include inserting manual line breaks, making minute adjustments to the column width, and editing the copy to add or cut words.

19. Indents In continuous text, mark all paragraphs after the first with an indent of at least one “em” (or about the amount of the leading).

Do not use the space bar but rather create a tab for the indent you want.

20. Always spell check!

Once you are finished with your design, spell check the text.

If text is given to you by anyone check it. Never ever assume that it is correct just because it looks correct.

are generally not used for body copy.

Ch. 02

page 8

03

Beyon d keyboa t h e s t a n d a r d rd l t y p o g , you will find a y o u t o f t h e raphic t h at p r od y o u to work us m a y r ucing e quire u s e p u e a c c e nt s o n char nctuat a c te rs ion an are unf o d sy m amiliar bols th r to you. at

typogra phy defi ne d Ch. 03

Beyond the standard layout of the keyboard, you will find that producing typographic work may require you to use accents on characters or use punctuation and symbols that are unfamiliar to you.

ACCENT MARKS, SPECIAL CHARACTERS typography defined

Ch. 03

Accent marks (sometimes referred to simply as accents, diacritics or diacriticals)) and accented characters are important elements in both written and spoken language, and, by extension, in typography. While their use in English is largely confined to proper names or “borrowed” words of foreign origin, such as résumé and tête-à-tête, they occur frequently in several other European languages, including Spanish, French, Italian, German and Portuguese.

Creating ac c ente d characters may b e achieve d by t yping combinations of ‘alt’ + accent key followe d by the character. (different on the PC?) The most common accents are the acute (á, é, í, ó, ú), grave (è), circumflex (â, î or ô), tilde (ñ), umlaut and dieresis (ä, ë, ï, ö, ü, ÿ) – the same symbol is used for two different purposes), and cedilla (ç). Accent marks usually appear above a character. One exception is the cedilla, which appears directly underneath the letter c; several less common accent marks appear next to the character. resumé tête-à-têtě über faÇade jalapeňo ´ ` ¨ ˜ ˆ

Option e Option ~ Option u Option n Option i

These small yet significant symbols indicate pronunciation, including emphasis. In some instances, the accent mark also clarifies the meaning of a word, which might be different without the accent. With names and other proper nouns, neglecting to include the correct accent marks can be seen as a sign of disrespect.

Accented characters can be accessed either directly from the glyph panel or by using specific key combinations; many more can be created on-the-fly by using key commands to add the floating accent to create the desired character. Note that keyboard commands vary between Mac and other PC software, as well as for non-U.S. keyboard layouts.

page 10

ACCENT MARKS, SPECIAL CHARACTERS typography defined

Ch. 03

Like power sockets, quotation marks are different wherever you travel. When designing international deliverables it is considered a matter of respect to use the correct quotes.

“American English” “Brasilian Portuguese” ”Swedish + Finnish” „German + Slavic“ „Danish“ »Danish« „Polish” „Dutch - traditional” «French» «German Swiss» «Norwegian» «Russian, Ukrainian» ¿Qué? In Spanish, the interrogative and exclamatory sentences (or clauses) are preceded by and inverted question or exclamation mark. The reason is that in Latin languages the order of the words usually remains the same in the interrogative and exclamatory sentences so the marks are used at the beginning to help the reader or speaker know how to emphasis the sentence. In more private communication these are often not used but in more formal situations these are not optional ¿Qué estás comiendo? ¡Un pincho de atún!

Use copyright, register, and trademark marks properly

page 11

ACCENT MARKS, SPECIAL CHARACTERS typography defined

Ch. 03

Register, trademark and copyright symbols are important communicators. They help establish brand identities and protect creative work from theft or plagiarism. Despite their legal and symbolic power, these symbols need to speak softly, typographically speaking. Their tasteful and appropriate use is a small but significant part of good typography.

The copyright, register, and trademark characters need to be reduced to work with body text. When using a ® or a ™ after a word, adjust the point size so the symbol looks clean and legible yet unobtrusive. Here are some general guidelines: At text sizes, set these symbols a little smaller than half the x-height of your text. As your text gets larger, the symbols should become proportionately smaller, especially in headlines.

When copyright appears before a year (as in ©2021), match the symbol size to the size of the first numeral.

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. Use your judgment.

page 12

04

QUOTES, APOSTROPH ES, INCH, FOOT

typography de fined Ch. 04

QUOTES, APOSTROPHES, INCH, FOOT typography defined

Ch. 04

page 14

Quote Mark Straight quotes are the two generic vertical quotation marks located near the return key and curly quotes (smart quotes) are the quotation marks used in good typography.

There are four curly quote characters: the opening single quote (‘), the closing single quote (’), the opening double quote (“), and the closing double quote (”).

Use true quotation marks and apostrophes instead of using inch marks and feet marks. Place all punctuations inside the quotation marks use “an d” – not “and”. Most software applications will convert the straight (typewriter) quotes to the real quotes for you automatically as you type.

It is necessary to know how to set smart quotes/real quotes yourself because sometimes the software doesn’t do it or does it incorrectly.

Opening double quote: “ Closing double quote: ” Opening single quote: ‘ Closing single quote: ’

Type: Option [ Type: Option Shift ] Type: Option [ Type: Option Shift ]

Apostrophe Apostrophe: ’ option shift ] An apostrophe indicates the possessive case (Jessica’s bagel).

And used in contractions, an apostrophe takes the place of letters or numbers that have been removed.

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 this is “its.” “Its” used as a possessive never has an apostrophe! The word it only has an apostrophe as a contraction — “it’s” always means “it is” or “it has.” Always.

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

″That′s a ′magic′shoe″ “That’s a ‘magic’ shoe”

For contractions: The apostrophe replaces the missing letter.

For example: you’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.

QUOTES, APOSTROPHES, INCH, FOOT typography defined

Ch. 04

page 15

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.

Primes: Inch Mark, Foot Marks When typesetting measurements, the proper indicators for inches and feet are primes, which in most fonts requires the use of aptly-named typewriter quotes. Unfortunately, when primes are called for, they often incorrectly appear as smart, or typographer’s quotes, due to the commonly applied default setting in both word processing and design software. This default automatically replaces typewriter quotes with the smart variety, which are the typographically correct glyphs for setting quotation marks and apostrophes. Foot and inch marks—also known as minute and second marks or prime and double prime marks, depending on what they’re labeling—are not curly.

In the absence of a simple way to override this automatic software replacement, the best fix is to manually convert back to primes any smart quotes appearing in measurements.

Primes are accessed via the glyph panel or character viewer.

Bridge Clearance: 16ʹ 7ʹʹ The young man stood 6ʹ 2ʹʹ The length of the wall is 153ʹ 9ʹʹ

05

HYPHENS, DASHES

typography de fined Ch. 05

Hyphens, en and em dashes are among the most misunderstood, and misused, punctuation marks in typography. While their appearance is generally similar, they have distinct designs and serve specific functions. These three marks are not interchangeable, and knowing the difference is key to setting type correctly. Use proper ‘em’ dashes, ‘en’ dashes, and hyphens. Never use two hyphens instead of a dash.

Hyphens, en and em dashes come in many styles and lengths. Note that while the em dashes on the left are in proportion to the ‘n’s and ‘m’s, those on the right are much longer than even their respective cap ‘M’s.

hyphen en dash – em dash —

HYPHENS, DASHES typography defined

Ch. 05

page 17

Hyphen The hyphen is the shortest of the three marks, and is used to hyphenate a word at the end of a line by breaking after a syllable.

Hyphens are also used to join separate words into a compound word, such as dyed–in–the–wool; and to separate the digits in phone and account numbers. A hyphen can be designed as a simple horizontal stroke, or it can have characteristics that match the rest of the typeface.

dyed-in-the wool check-in twenty-two

HYPHENS, DASHES typography defined

Ch. 05

page 18

En dash – Option Hyphen To type an en dash hold the Option key down, then tap the hyphen key The en dash is longer than the hyphen and shorter than the em dash about the width of a capital N). It is used to indicate a duration of time (also referred to as a span or a range) such as Monday – Friday, 9am – 5pm, often replacing prepositions such as “to” and “through”.

Historically, the en dash was half the length of the em dash, but today both marks vary in relative length from typeface to typeface. The best–looking en dashes are frequently designed to approximate the width of the cap or lowercase N, which makes them proportionally pleasing to the overall width of the particular typeface.

In a page layout application, the en dash can be used with a thin space on either side of it. If you want you can kern it so it is not a full space.

October – December 6:30 – 8:45 A.M. 4 – 6 years of age The regulations were updated–because the law changed–to require training every two years.

Yes, I will help you – absolutely

HYPHENS, DASHES typography defined

Ch. 05

page 19

Em dash —

The sun is shining today (unlike the last five days), so it is really beautiful outside.

The em dash is the longest of the three marks, and is used to indicate a break in thought, or to set off a thought within a thought. Historically (particularly in metal type), the em dash was the length of the em square in a given point size of type, except for some condensed designs which had shorter dashes.

An em is a unit of measure equal to the width of the point size of type; thus, an em dash in 18 point type often was 18 points long.

The regulations were updated—because the law changed—to require training every two years.

em dash — Shift Option Hyphen

When phrases are interjected between other parts of a sentence, they are usually punctuated by surrounding them with commas, parentheses or em dashes (—).

I am looking forward to taking a cruise, on a brand new ship this time, with my family.

Yes, I will help you—absolutely!

The em dash is also used for attributions.

“A lie can travel around the world and back again while the truth is lacing up its boots.”

—Mark Twain.

Using two hyphens -- instead of an em dash is typographically incorrect. This treatment is a holdover from the typewriter, which offers no dash on the keyboard. Be sure to search for any double hyphens and other misuses of hyphens and/or dashes, and to replace them with the correct punctuation.

HYPHENS, DASHES typography defined

Ch. 05

page 20

06

SMAL

L CAP

Small c ap shorter s are upperc a in heig ht than se letterform st the cap itals let hat are ters.

ITALS

typogra phy defi ne d Ch. 06

SMALL CAPITALS

Aa

Small caps are uppercase letterforms that are shorter in height than the capitals letters. They are designed to blend with lowercase text. When designed as part of a typeface, they are most often the height of the lowercase x (or very slightly taller).

Small capitals have been around since the sixteenth century.

Small caps are relatively wide; they have the same height as the lower case x (or sometimes slightly higher). Their proportions are studier and wider than the capital letters. True small caps have line weights that are proportionally correct for the typeface.

Avoid “fake” small caps. Avoid simply resizing capital letters or using the small caps feature in some programs. Computer programs can generate small caps for any typeface, but those are not the same as true small caps. The program is taking the capital letters and shrinking them down about 80%. This changes the stroke weight and the feel of the font. Fake small caps will appear narrow and thin.

Small caps are basically used in two ways. They substitute all capital words and acronyms in side body text. They are also used as a stylistic device to add another color to the designer’s palette without having to add a different font. When using a string of small caps to replace all caps, in a title, subtitle, a label, etc they require generous tracking.

Use small caps for acronyms. Set acronyms such as NASA or NASDAQ in small caps when they appear in body text or headlines. Example: nasa or nasdaq.

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.

typography defined

Ch. 06

page 22

page 23

Ch. 06

Masqualero

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

typography defined

SMALL CAPITALS

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Utopia Std

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

IvyPresto Text

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. N asa will preview the work during a news conference at 3:00 pm est. The fbi, cia and ncaa have no jurisdiction on space walks.

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

FreightText Pro

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Garamond Premier Pro

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 pm est. The fbi, cia and ncaa have no jurisdiction on space walks.

IBM Plex Serif

page 24

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space

Raleway

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have no jurisdiction on space walks.

Ch. 06

Futura PT

Two NASA astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. NASA will preview the work during a news conference at 3:00 PM EST. The FBI, CIA and NCAA have

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 pm est. The fbi, cia and ncaa have no

Two nasa astronauts are scheduled to venture outside the International Space Station to finish installing a European

typography defined

SMALL CAPITALS

Utopia Std

science platform and complete long-term battery upgrade work. Nasa will preview the work during a news conference at 3:00 pm est. The fbi, cia and ncaa have no jurisdiction on space walks.

07

FIGUR

ES, NU

Line le n t w o t gth and col umn w y idth ar a re c l p o g r a p h i c e osely t e r m re l ate s tha is no d t . r t h e n m a l l y e x Line length press umbe r o ed b words y per li f characte is me ne. C olumn rs or asure d in inches width units , points – , pixels be it , etc.

MBER

S

typogra phy defi ne d Ch. 07

FIGURES, NUMBERS

33

Numbers are a common element in text. They are used to indicate dates, times, addresses, measurements quantities, prices and other data. In typography, the symbols used to represent numbers are commonly referred to as figures or numerals.

The uppercase alphabet came from the inscriptional capitals of the Romans. The lowercase came from the European uncial alphabets of the Middle Ages. The numerals or figures we know were invented in India. They spread westward through the influence of Persian and Arab mathematicians.

Lining figures are one of the two styles of figures, with the other being Oldstyle. Serif fonts often have goth variations figures. Sans serif typefaces typically only have Lining figures – although this is changing with the more contemporary fonts.

typography defined

Ch. 07

page 26

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.

They are useful in tables, invoices, content where the numbers need to align for better legibility. Lining figures are commonly offered in two spacing formats, proportional and tabular.

Proportional lining figures are the preferred style for all-cap settings, such as headlines, titles, and such. They are also effective anywhere that additional emphasis is desired for the figures, even in running text. Tabular lining figures are the preferred style for columns of numbers, such as tables, price lists, financial data, and listings.

It should be noted when lining figures are used in body text they will stand out just like USING ALL CAPS WOULD. In running text this is undesirable. In this case old style figures (text figures, non-aligning figures are better suited in body text).

FIGURES, NUMBERS Oldstyle Figures (also known as nonlining, lowercase, hanging, or text figures) have varying heights and alignments, as opposed to lining figures, which are of uniform height and alignment.

Oldstyle figures are similar to lowercase characters in that they share the same x-height and have ascenders (the 6 and 8) and descenders (the 3, 4, 5, 7 and 9).

Unlike lining figures, Oldstyle figures blend in without disturbing the color of the body copy. They also work well in headlines since they’re not as intrusive as lining figures. In fact, many people prefer them overall for most uses except charts and tables. It’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.

typography defined page 27

Ch. 07

British colonists founded the Jamestown Settlement on May 14, 1607. This colony was named for King James I of England. In 1803, the United States acquired 828,000 square miles of land in the Louisiana territory. This land was originally owned by France, but Thomas Jefferson negotiated a deal to purchase it for just $11,250,000. The United States also agreed to forgive $3,750,000 worth of France’s debts. The northern states started making slavery illegal in 1776. In 1804, the last northern state finally abolished slavery. In 1863, Abraham Lincoln freed more than 3,000,000 slaves with the Emancipation Proclamation.

He actually wrote the proclamation in 1862, but it did not take effect until January 1, 1863. In 1920, women were granted the right to vote with the addition of the 19th Amendment to the Constitution. The amendment was introduced in 1878, but it was not ratified until 1920.

British colonists founded the Jamestown Settlement on May 14, 1607. This colony was named for King James I of England. In 1803, the United States acquired 828,000 square miles of land in the Louisiana territory. This land was originally owned by France, but Thomas Jefferson negotiated a deal to purchase it for just $11,250,000. The United States also agreed to forgive $3,750,000 worth of France’s debts. The northern states started making slavery illegal in 1776. In 1804, the last northern state finally abolished slavery. In 1863, Abraham Lincoln freed more than 3,000,000 slaves with the Emancipation Proclamation.

He actually wrote the proclamation in 1862, but it did not take effect until January 1, 1863. In 1920, women were granted the right to vote with the addition of the 19th Amendment to the Constitution. The amendment was introduced in 1878, but it was not ratified until 1920.

x 0123456789

x 0123456789

Futura PT

x 0123456789

x 0123456789

Raleway

x 0123456789

FIGURES, NUMBERS

Omnes

x 0123456789 Moret

x 0123456789 Moret

x 0123456789 Helvetica Neue LT Std

x 0123456789

x 0123456789

Cambria

IBM Plex Serif

x 0123456789

x 0123456789

Bookman Old Style

Barricada Pro

x 0123456789

x 0123456789

Ambroise Std

x 0123456789

typography defined page 28

Ch. 07

x 0123456789

FreightText Pro

x 0123456789 IvyPresto Text

x 0123456789

8 0 p a r g o p Ty

r o l o C c hi ne d fi e d y h p typogra

Ch. 08

al scription in e h t om from the lop e d fr e e s v a e c d r e e w e rc a s he lo gures The upp the Romans. T e numerals or fi ce of bets. Th e influen a h t h capitals h lp g a u l o . Thr ead n uncia d in India icians they spr te Europea n e v in t e wer hema we know rab mat A d n a n Ages. of Persia uring the Middle dd westwar

X x hg

Neue Haas Unica W1G Toshi Omagari.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on

page 30

x-height: large character width: average color: dark

Xxhg

Futura PT Isabella Chaeva, Paul Renner, Vladimir Andrich, and Vladimir

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground.

The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother,

x-height: average character width: average color: light

Typographic Color

Xxh g

72 point

Brother 1816 Fernando Díaz and Ignacio Corbo.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.”

Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and

x-height: large character width: average color: dark

typography defined

Ch. 08

Typographic Color page 31

X xh g

Xxhg

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle,

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet.

Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some

x-height: small character width: average color: dark

x-height: average character width: narrow color: light

Xxh g

X xh g

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow...

Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container

x-height: average character width: wide color: light

x-height: average character: average color: light

Bree José Scaglione and Veronika Burian.

The term ‘typographic color’ is used in design to refer to the overall quality or texture that a font or type setting may have.

Many typographers prefer an evenness or grayness of color.

Typographic color can describe the balance between black and white on the page of text. A typeface’s color is determined by stroke width, x-height, character width and serif styles.

Readability and legibility are two key elements of printed text that a designer should strive to maximize. Legibility and readability both relate to the ease and clarity with which one reads any particular setting of type, but they actually refer to two different concepts: legibility is related to the design of the typeface and the shape of the glyphs, while readability refers to how the font is arranged, used.

Choosing a typeface is almost like selecting a type of thread to weave into material. The tiny detail will impact the quality and feel of the finished product. When deciding between typefaces consideration should be given to the x-height.

Fonts set in the same size, same leading and column width will produce varying degrees of color.

Raleway Matt McInerney, Pablo Impallari, and Rodrigo

typography defined

Ch. 08

72 point

univers Adrian Frutiger

72 point

Museo Sans Jos Buivenga.

page 32

X x hg

X xh g

X xh g

helvetica neue LT Std 55 Max Miedinger

Interstate Tobias Frere-Jones

RuckSack Jeff Schreiber

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet.

Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one.

He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow...

Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen -

x-height: large character width: average color: dark or

x-height: large character width: narrow color: dark

x-height: large character width: wide, narrow, average color: dark

typography defined

Ch. 08

72 point

page 33

Typographic Color

X xh g

Century Linn Boyd Morris Fuller Benton

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” seq.

75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes

x-height: average character width: average color: light

Xx h g

Xxhg

Rooney Jan Fromm

KansasNew Miles Newlyn and Riccardo Olocco

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow...

Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off

x-height: average character width: wide color: dark

x-height: average character width: average color: dark

typography defined

72 point

Ch. 08

page 34

Ch. 08 typography defined

Typographic Color

X x hg

X xh g

72 point

Garamond Robert Slimbach.

IvyPresto Headline Jan Maack

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground.

The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother,

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground.

The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls

x-height: small character width:narrow color: light

x-height: small, large or average character width: wide, narrow, average color: light or dark or..

Xxh g

X xhg

72 point

Bookman Old Style Alexander Phemister

FreightText Pro Joshua Darden.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.”

Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid

x-height: average character width: wide color: light

x-height: small character width: average color: light

Xxhg

IBM Plex Serif Mike Abbink, Paul van der Laan, A van Rosmalen

Embury Text Victoria Rushton.

Harfang Andre Simard.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers Aroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow...

Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother, janet benson, yells up at

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to:

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles.

Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother,

x-height: average character width: average color: light

x-height: average character width: average color: dark

x-height: average character width: average color: dark

page 35

Xxhg

X xhg

Typographic Color typography defined

Ch. 08

72 point

09

WORD ,L

Small c ap shorter s are upperc a in heig ht than se letterform st the cap itals let hat are ters.

INES,

PARAG R

APHS

typogra phy defi ned Ch. 09

Word, Lines & Paragphs Typography deals essentially with the arrangement of words, lines of word and groups of lines to form paragraphs.

Researchers believe that we don’t read words letter by letter, but that we tend to identify words by their outline. (Show and example optional) This is particularly true of type set in upper and lowercase. An exit sign on a highway is easier and read more quickly than the exit is in upper and lower case.

The differentiation of heights of the x-height, ascenders and defenders helps produce distinctive and recognizable word shapes. It is generally considered that words, lines, paragraphs set in uppercase (all caps) is less readable. Setting large amounts of text in all caps should be avoided.

"In the beginning we got rid of nineteenth-century storybook realism. Then we got rid of representational objects. Then we got rid of the third dimension altogether and got really flat (abstract expressionism). Then we got rid of airiness, brushstrokes, most of the paint, and the last viruses of drawing and complicated designs". After providing examples of other techniques and the schools that abandoned them, wolfe concluded with conceptual art: "…there, at last, it was! No more realism, no more representation objects, no more lines, colors, forms, and contours, no more pigments, no more brushstrokes. …Art made its final flight, climbed higher and higher in an ever-decreasing tighter-turning spiral until… it disappeared up its own fundamental aperture… and came out the other side as art theory!… Art theory pure and simple, words on a page, literature undefiled by vision… late twentieth-century modern art was about to fulfill its destiny, which was: to become nothing less than literature pure and simple".

"IN THE BEGINNING WE GOT RID OF NINETEENTHCENTURY STORYBOOK REALISM. THEN WE GOT RID OF REPRESENTATIONAL OBJECTS. THEN WE GOT RID OF THE THIRD DIMENSION ALTOGETHER AND GOT REALLY FLAT (ABSTRACT EXPRESSIONISM). THEN WE GOT RID OF AIRINESS, BRUSHSTROKES, MOST OF THE PAINT, AND THE LAST VIRUSES OF DRAWING AND COMPLICATED DESIGNS". AFTER PROVIDING EXAMPLES OF OTHER TECHNIQUES AND THE SCHOOLS THAT ABANDONED THEM, WOLFE CONCLUDED WITH CONCEPTUAL ART: "…

THERE, AT LAST, IT WAS! NO MORE REALISM, NO MORE REPRESENTATION OBJECTS, NO MORE LINES, COLORS, FORMS, AND CONTOURS, NO MORE PIGMENTS, NO MORE BRUSHSTROKES. …ART MADE ITS FINAL FLIGHT, CLIMBED HIGHER AND HIGHER IN AN EVER-DECREASING TIGHTERTURNING SPIRAL UNTIL… IT DISAPPEARED UP ITS OWN FUNDAMENTAL APERTURE… AND CAME OUT THE OTHER SIDE AS ART THEORY!… ART THEORY PURE AND SIMPLE,

typography defined

Ch. 09

page 37

Word Spacing typography defined

Ch. 09

page 38

Word spacing is an important aspect of creating inviting, easyto-read typography. This seemingly small detail plays a key role in establishing the color, texture and readability of a typographic communication. The word space is suitable for text in most typefaces, but it is work looking at especially in display type. In larger type the word space can be less.

Over-tight word spacing causes words to appear to run into each other, making it more difficult for the reader to distinguish one word from the next. Conversely, word spacing that is too open – the more common occurrence – creates oversized blocks of white space between words, forcing the reader to read individual words rather than phrases or blocks of copy.

This dramatically slows down the reading process, reducing reader comprehension and increasing the risk of distraction.

How much word spacing is the right amount? Assigning appropriate space between words is more of an optical determination than an exact science, but certain factors have a definite influence. Word spacing will be affected by the proportions of a typestyle, letter fit, and point size of the setting.

One rule of thumb is that the word space should be around the character space of the loser case “i”.

Although the word spacing of any given font is predetermined, it can be adjusted in most design and page layout software via the justification settings. Changing the “desired word spacing” setting is the best method for text.

For headlines, the kerning feature is the better tool – and yes, you can kern a character to a space, and vice versa!

Proper word spacing is not noticed by the reader, but is a major factor in creating text that appears even, inviting and easy to read; the copy should just flow.

Wordispaceishoudibeiaboutithatiof ianilowercaseii Word space should be about that of a lowercase i

Rags `According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int.

In typography, “rag” refers to the irregular or uneven vertical margin of a block of type. Usually it’s the right margin that’s ragged (as in the flush left/rag right setting), but either or both margins can be ragged.

The text block set Rag Right (unjustified text) as uneven line endings on the right side of the paragraph text and is set with normal letter and word spacing. Because of the even word spacing the text ragged text will have an even texture – no large spaces between words. The lines will naturally vary in length. A ragged text block can integrate with the layout and add visual interest to the page.

The difficulty is making the ragged edge have a pleasing silhouette. When the first line in the text is longer than the second, it becomes separate from the layout and creates a boxlike shape. This destroys one of the advantages of unjustified text. The ragged edge needs to have a life, but a narrow column can be less active. Another advantage to ragged text is less hyphenation is needed. Therefore, names, dates or words which are normally read together can stay together.

A good rag goes in and out from line to line in small increments.

A poor rag creates distracting shapes. Don’t rely on the line breaks generated by your software application; get in the habit of spotting and correcting poor rags by making manual line breaks or by editing your copy. Slight adjustments in point size or column width might work as well.

typography defined

Ch. 09

page 39

Rivers Orphans & Widows 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.

This is an orphan. It's at the start of the paragrah. A widow is at the end of the paragah, this is an example of a widow

Widows and Orphans Never leave widows and orphans sad and lonely 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’re working in. Sometimes widening a column or margin just a hair will do it. But it must be done.

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.

Orphan When the last line of a paragraph, be it ever so long, won’t fit at the bottom of a column and must end itself at the top of the next column, that is an orphan.

typography defined

Ch. 09

page 40

Paragraph Alignments Paragraph Alignments. Paragraph text can be set justified, or ragged left (also known as flush right), ragged right or centered.

(Make an example optional). As with all layouts, alignment depends on the purpose of the piece, the audience and its expectations, the fonts, the margins and white space, and other elements on the page. The most appropriate choice is the alignment that works for that particular design.

No matter what alignment you use, remember to pay close attention to hyphenation and word/character spacing as well to ensure that your text is as readable as possible.

Hanging Punctuation, Optical Alignment (reference) Hanging (or hung) punctuation refers to the practice of extending certain punctuation marks into the margin of a flush edge of text, to give the appearance of a more uniform vertical alignment. Punctuation marks that are typically hung include periods, commas, hyphens, dashes, quotation marks and asterisks. These, and any other mark that does not have a continuous vertical mass, can cause a visual “hole” or indentation in the flush edge. Hung punctuation should also be applied to headings, subheads, pull quotes and can be used for body text. Tremendous advances in the typographic capabilities of design software offer an effect similar to hung punctuation, by visually aligning the margins of flush text. Enabling and applying the Optical Margin Alignment feature will not only hang the appropriate punctuation outside the text frame, but also adjust other characters that can disturb alignment, including A, T, V, W, Y, and in some instances the numeral 1. This feature is adjustable in most design software, allowing fine control of the amount of overhang – from punctuation being completely extended into the margin, like traditional hung punctuation, down to any lesser degree of overhang.

Optical alignment in text is a mixed blessing. It solves some visual problems but can cause others. It cures the visual indent caused by quotation marks but can also give them too much prominence.

typography defined

Ch. 09

page 41

“Typography is two-dimensional architecture, based on experience and imagination and guided by rules and readability” – Herman Zapf

10

LINE L

ENGT

H, COL UMN

WIDTH

typogra phy defi ned Ch. 10

typography defined Line length and column width are two typographic terms that are closely related. Line length is normally expressed by the number of characters or words per line. Column width is measured in units – be it inches, points, pixels, etc.

Column width affects readability because of the way our eyes read. Many people don’t realize that our eyes do not read character by character or even word by word. Rather, our eyes scan a line, pausing momentarily to record groups of three or four words. Studies have found that a reader can make three or four such pauses on a line before it becomes tiring.

To determine line length for optimum readability, a good guideline is between 7 and 12 words for unjustified text. Fewer words may cause the sentence structure to break up, and may also result in too many hyphenations. Both of these reduce readability. Conversely, a line with more than 12 words can become tedious to read. Additionally, a reader can easily get lost when going from the end of one long line to the beginning of the next, and may inadvertently reread the same line, or miss a line or two.

Ch. 10

ideal for one column of text. For multiple columns 40 - 50 characters per line is an ideal average.

The longer the line the more leading will be needed to assist the reader to get from the end of one line to the beginning of another. Shorter lines can have less leading. Typefaces vary in their alphabet length. The alphabet length is determined by the width of the lowercase a through z, historically measured in points. This measurement varies depending upon the type style and point size being used.

Therefore, varying the font and/or point size will affect the optimum column width.

The final factor to take into account when deciding upon the appropriate line length is the nature of the actual text. For instance, some content – such as medical text – might involve many longer words, lending itself to a wider column width to avoid excessive hyphenations. On the other hand, text used for children and young readers might involve many short words, allowing for a narrower column.

Several factors to consider when determining the width of a column of text are:

Typeface:

The width of the individual glyphs and the overall typeface design affect the word count per line.

Point size:

With justified text, the number of words per line should be between 12 and 15 words per line, to avoid excessive hyphenations, uneven word spacing, and rivers of white space in the text.

The size of the type affects how many words fit in a line.

Average word length in the copy:

You can fit a greater number of shorter words than longer ones in a given column width.

page 43

Some resources will refer to line length in characters not words. A character is a letter, symbol, figure, punctuation, and space. Anything from 45 to 75 characters per line is regarded as satisfactory length for a line. 65 characters is regarded as

LINE LENGTH, COLUMN WIDTH

LINE LENGTH, COLUMN WIDTH

1 2 3

column grid

page 44

typography defined

Ch. 10

According to all known laws of aviation, there is no way that a bee should be able to fly.

Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” seq.

75 - “intro to barry” int. benson house - day angle on: sneakers on

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq.

75 - “intro to barry”

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes to

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the

According to all known laws of aviation, there is no way that a bee should be able to fly.

Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” seq.

75 - “intro to barry” int. benson house - day angle on: sneakers on

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq.

75 - “intro to barry”

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes to

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black

LINE LENGTH, COLUMN WIDTH

3 6

column grid

page 45

typography defined

Ch. 10

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair.

He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. cut to: int. benson house kitchen - continuous barry’s mother, janet benson, yells up at barry. janet benson barry, breakfast is ready! cut to: “bee movie” - js revisions 8/13/07 1. int. barry’s room - continu-

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. cut to: int. benson house

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair.

He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. cut to: int. benson house kitchen - continuous barry’s mother, janet benson, yells up at barry. janet benson barry, breakfast is ready! cut to: “bee movie” - js revisions 8/13/07 1. int. barry’s room - continu-

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. cut to: int. benson house

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. the bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” seq. 75 - “intro to barry” int. benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...oohh, black and yellow... angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth

11

KERN IN

G

typogra phy defi ne d Ch. 11

Kerning is the adjustment of specific pairs of letters to improve spacing and fit.

It’s distinct from tracking, which affects all the characters. Kerning is a mandatory s ki l l fo r d e s i g n e rs a n d i s tot a l l y dependent on your eye, not the machine, not by measuring distance. Type needs the human eye for fine tuning.

Kerning is the adjustment of specific pairs of letters to improve spacing and fit.

It’s distinct from tracking, which affects all the characters. Kerning is a mandatory s ki l l fo r d e s i g n e rs A n d i s tot a l l y dependent on your eye, not the machine, not by measuring distance. Type needs the human eye for fine tuning.

The tracking set the default spacing between letters, each letter existing within its free area and in general should not need to be changed. However, if there are indications that that font is poorly kerned in most cases the letter spacing is too tight and tracking can be added to a paragraph style or in InDesign you can chick on ‘optical’ kerning. This will only help body text, it will not correct headlines that are larger text. Kerning should be one of the last steps in finetuning your designs.

AwAvAyTaToVaVoWaWo YaYoetc.

AwAvAyTaToVaVoWaWo YaYoetc. typography defined

Ch. 11

page 47

Most fonts come with hundreds and sometimes thousands of kerning pairs inserted by the font designer. The need to kern letters may be more apparent in larger sizes of text or uses of text such as in titles, headlines, subheads, large pull quotes, logotypes... The trained eye has to be the judge. The point of kerning is to keep the spacing visually consistent.

The letters should appear to have the same amount of space between them. It doesn’t matter how much, it just needs to be consistent. Most typefaces have reasonably good kerning however a critical look is needed. It could be a typeface you have selected that doesn’t have any kerning pairs. Looking at the word upside down, blurring the letters or squinting can be useful in seeing where letters need to be kerned. Always look at least 3 letters at a time. HL: characters with verticals next to each other need the most amount of space. HO: a vertical next to a curve needs less space. OC: a curve next to a curve needs very little space. OT: a curve can actually overlap into the space, under or above the bar or stem AT: the closest space (kerning) is done when both letters have a lot of space around

12

HYPH ENATI ON RU LES

Opinio ns d e s i g n on hyphena tio e saying r s a r e u n c n vary. Some ompro fo mi ra g g e d r example. ‘N e ver hyp s i n g , r i g ht t ex t o r It cou h p ro p e r enate ld be nouns a p p ro a that y ’. c o but it is h o f a v o i d i n u t a k e t h e g b a bad r etter to hyph hy p h e n a t i o n enate t ag or p oor jus h tificatio an have n.

typogra phy defi ne d Ch. 12

typography defined

Ch. 12

Opinions on hyphenation vary. Some designers are uncompromising, saying for example. ‘Never hyphenate ragged right text or proper nouns’. It could be that you take the approach of avoiding hyphenation but it is better to hyphenate than have a bad rag or poor justification.

Don’t rely on the software to judge where hyphens should be placed. Generally, it is better to set hyphenation specifications to a minimum of three characters at the beginning and end of a hyphenated word. That avoids having word breaks such as elegant-ly or mi-gration. Better would be ele-gantly or migration. The exception could be breaking a word at the prefix such as unlikelihood or de-contaminate.

Hyphenation Rules - avoid a sequence of hyphens in a row - avoid hyphenating or line brakes of names and proper nouns - avoid beginning consecutive lines with the same word - avoid ending consecutive lines with the same word

Hyphens in long compound works makes sense between the compounds.

- avoid ending lines with the words: the, of, at, a, by..

The hyphenation of proper nouns, such as the names London or Lawrence, is undesirable event though they have clear syllables. If you are dealing with a name such as Michelangelo or Baskerville, it will be better to break the name than to have an ugly rag or poor justification.

- never hyphenate a words in a headline and avoid hyphenation in a callout

page 49

HYPHENATION RULES

- leave a least 3 characters on the line and 3 on the following line

13

JUSTIF

Line le n t w o t y gth and col u p o g ra p h i c t mn width ar close e erms ly that a norma r e l a t e d . L i re n l l y ex p re s s e d e l e n g t h i of cha s by the ra nu m b e C o l u m cters or w r o n wid rd s p e t units – r line. be it in h i s m e a s ure d che s, p in oints, p ixels, e tc.

ICATIO

N

typogra phy defi ne d Ch. 13

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

Compared to left-aligned text, justification gives text a cleaner, more formal look.

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.

Justification works by adding white space between the words in each line so all the lines are the same length.

This alters the ideal spacing of the font, but in paragraphs of reasonable width it’s usually not distracting.

Layout programs allow the user to set the limit values for spacing. For most fonts setting the “Desired” to less that 100% is a good idea. For the letter spacing the Maximum can be 1% or 2% never more.

Minimum Desired Maximum Word Spacing 80 - 90% 85 -100% 90 -110% Letter Spacing 0% 0% 1- 2%

page 51

*numbers given above are just a guide to get you started *don’t make min less that 80, *don’t make desired more than 85% to 100% *try any range of max from 90% to 110% Never change the Glyph Scaling

JUSTIFICATION

page 52 Minimum

Desired

Maximum

85% 110% 250%

JUSTIFICATION

0%

typography defined

0%

0%

Minimum

Desired

Maximum

85%

90%

95%

0%

0%

2%

Minimum

Desired

Maximum

82%

85%

90%

0%

0%

2%

Ch. 13

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little.

He picks the black and yellow one. He then goes

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink,

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...

Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes

page 53 Minimum

Desired

Maximum

JUSTIFICATION

85% 110% 250% 0%

0%

0%

Minimum

Desired

Maximum

85%

90%

95%

0%

0%

2%

Minimum

Desired

Maximum

82%

85%

90%

0%

0%

2%

typography defined

Ch. 13

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother, janet benson, yells up at barry. Janet benson barry, breakfast is ready! Cut to: “bee

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.”

Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground.

Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother, janet benson, yells up at barry. Janet benson barry, breakfast is ready! Cut to:

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - con-

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror. Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink, takes the top off a container of honey, and puts some honey into his hair. He squirts some in his mouth and gargles. Then he takes the lid off the bottle, and rolls some on like deodorant. Cut to: int. Benson house kitchen - continuous barry’s mother, janet benson, yells up at barry. Janet benson barry, breakfast is ready! Cut to: “bee movie” - js revisions 8/13/07 1. Int. Barry’s room - continuous barry coming! Sfx: phone

JUSTIFICATION

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on:

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

Barry (cont’d) yeah, let’s shake it up a little. He picks

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway.

Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int.

Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on:

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

Barry (cont’d) yeah, let’s shake it up a little. He picks

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black, yellow black, yellow black, yellow black, yellow black, yellow black...Oohh, black and yellow... Angle on: barry wearing the sweater he picked, looking in the mirror.

Barry (cont’d) yeah, let’s shake it up a little. He picks the black and yellow one. He then goes to the sink,

Minimum

Desired

Maximum

85% 110% 250% 0%

0%

0%

Minimum

Desired

Maximum

85%

90%

95%

Minimum

Desired

Maximum

82%

85%

90%

0%

0%

2%

typography defined

Ch. 13

page 55 Minimum

Desired

Maximum

JUSTIFICATION

85% 110% 250%

typography defined

0%

0%

0%

Minimum

Desired

Maximum

85%

90%

95%

0%

0%

2%

Minimum

Desired

Maximum

82%

85%

90%

0%

0%

2%

Ch. 13

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bed-

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow black,

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand

According to all known laws of aviation, there is no way that a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway. Because bees don’t care what humans think is impossible.” Seq. 75 - “Intro to barry” int. Benson house - day angle on: sneakers on the ground. Camera pans up to reveal barry benson’s bedroom angle on: barry’s hand flipping through different sweaters in his closet. Barry yellow

typography defined