102 Font review
description
Transcript of 102 Font review
![Page 1: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/1.jpg)
102 Font reviewSusan Clements-Vivian
![Page 2: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/2.jpg)
Illuminated manuscript
Psalter-HoursEnglish, 13th Century A.D.Walters Art Museum, Baltimore, MD.
Before the invention of the printing press, handwritten documents were riddled with errors.
Scribes invented visual, artistic ways to salvage these laboriously crafted objects.
![Page 3: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/3.jpg)
Gutenberg’s moveable Type
Gutenberg’s moveable Type in Europe (1453-1455 A.D.)
metal type
![Page 4: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/4.jpg)
Letterpress
Letterpress technology a classic typographic page
Typographic design is not only an act of mark making, but also of spacing.
![Page 5: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/5.jpg)
Blackletter
Gutenberg’s moveable Type style “Blackletter”
![Page 6: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/6.jpg)
Basics of Type Anatomy
![Page 7: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/7.jpg)
Type Classification Systems
Essentially, classification describes typefaces; it does not define them.
![Page 8: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/8.jpg)
Know Your Families: Grouping Fonts
Reference: http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/***see Smashing Mag. (link above) to review font groupings
![Page 9: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/9.jpg)
Humanist / Old Style / Venetian 15th – 16th century
The Humanist types (sometimes referred to as Venetian) appeared during the 1460s and 1470s, and were modelled not on the dark gothic scripts like textura, but on the lighter, more open forms of the Italian humanist writers. **Note. In some classifications Humanist refers to Typefaces of the 15 th century and Old Style of the 16th.
![Page 10: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/10.jpg)
Humanist / Old Style / Venetian
Examples of Old Style: Jenson, Bembo, Palatino, and — especially — Garamond, Old style is also called Humanist. Humanist Sans and Humanist are two different classifications. Humanist Sans is a 20th century variation of Humanist.
![Page 11: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/11.jpg)
characteristics
1. Sloping cross-bar on the lowercase “e”;2. Relatively small x-height;3. 3 Low contrast between “thick” and “thin” strokes (basically that means that there is little
variation in the stroke width);
![Page 12: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/12.jpg)
At Best, At Worst
Old Style faces at their best are classic, traditional, readable and at their worst are… well, classic and traditional.
![Page 13: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/13.jpg)
Transitional
(mid 18th Century)
Examples of Transitional are Baskerville, Bookman (Linotype), Cheltenham (ITC), Clearface (ITC), Fournier, Joanna, Slimbach (ITC)
![Page 14: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/14.jpg)
Characteristics Axis
![Page 15: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/15.jpg)
Characteristics Contrast
![Page 16: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/16.jpg)
characteristics Geometric
![Page 17: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/17.jpg)
Modern
(late 18th century)
Examples Modern Bodoni and Didot.
![Page 18: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/18.jpg)
Characteristics
Characteristics
1. High and abrupt contrast between thick and thin strokes;2. Abrupt (unbracketed) hairline (thin) serifs3. Vertical axis4. Horizontal stress5. Small aperture
![Page 19: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/19.jpg)
example
![Page 20: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/20.jpg)
At Best, At Worst
At their best, transitional and modern faces seem strong, stylish, dynamic. At their worst, they seem neither here nor there — too conspicuous and baroque to be classic, too stodgy to be truly modern.
![Page 21: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/21.jpg)
Geometric Sans
Examples of Geometric/Realist/Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.
![Page 22: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/22.jpg)
characteristics
Geometric sans serifs are exactly what their name suggests; they are built on geometric shapes.
![Page 23: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/23.jpg)
AT Best, AT Worst
These sans serifs are constructed of straight, monolinear lines and circular or square shapes. This can make them very cold and clinical, but also quite simple. The starkness of most geometric sans serifs makes for great headings, but they are usually less than ideal for long paragraphs. https://typekit.com/lists/geometric-sans-serifs
![Page 24: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/24.jpg)
Humanist and Transitional Sans (20th century)
Examples of Humanist Sans: Gill Sans, Frutiger, Myriad, Optima, Verdana.
![Page 25: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/25.jpg)
Transitional Sans
These are Sans faces that are derived from handwriting — as clean and modern as some of them may look, they still retain something inescapably human at their root.
![Page 26: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/26.jpg)
AT Best, At Worst
At their best, Humanist Sans manage to have it both ways: modern yet human, clear yet empathetic. At their worst, they seem boring and mundane.
![Page 27: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/27.jpg)
Slab Serifs / Egyptian
Examples of Slab Serifs: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.
![Page 28: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/28.jpg)
In typography, a slab serif typeface is characterized by thick, block-like serifs. Serif terminals may be either blunt and angular (Rockwell), or rounded (Courier). Slab serif typefaces generally have no bracket (feature connecting the strokes to the serifs).
![Page 29: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/29.jpg)
AT Best, At Worst
Slab Serifs are hard to figure out. At their best they can seem very urban and at others invoke the American frontier (wild west). At worst they overpower and become overly conspicuous in the wrong surroundings.
![Page 30: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/30.jpg)
Selecting a font
![Page 31: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/31.jpg)
Selecting a font
A large type family like Helvetica Neue can be used to express a range of voices and emotions. Versatile and comfortable to work with, these faces are like a favorite pair of jeans for designers.
![Page 32: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/32.jpg)
Selecting a mix
![Page 33: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/33.jpg)
Do they work together?
Two typefaces work well together if they have one thing in common but are otherwise greatly different. This shared common aspect can be visual (similar x-height or stroke weight) or it can be from the same time period.
![Page 34: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/34.jpg)
Contrast
![Page 35: 102 Font review](https://reader036.fdocuments.in/reader036/viewer/2022062323/56816649550346895dd9c34c/html5/thumbnails/35.jpg)
References
http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/
http://www.smashingmagazine.com/2009/11/11/comic-sans-history-examples-best-practices/
http://ilovetypography.com/2007/11/06/type-terminology-humanist-2/
https://typekit.com/lists/geometric-sans-serifs
https://en.wikipedia.org/wiki/Slab_serif