Jun 22, 2016. When it comes to graphic design, fonts play an integral role. But if you're not a. Included in Snappa. Now before we begin, let's go over some quick terminology so you can better follow the different font combinations that we outline in this post. Source Serif Pro Black / Source Serif Pro. Source Serif Pro. Thanks for coming to InDesignSecrets.com, the world's #1 resource for all things InDesign!

• Graphik Black Font With Strokes

In metal typesetting, a font was a particular size, weight and style of a typeface. Each font was a matched set of type, one piece (called a 'sort') for each glyph, and a typeface consisting of a range of fonts that shared an overall design.

In modern usage, with the advent of digital typography, 'font' is frequently synonymous with 'typeface'. Each style is in a separate 'font file'—for instance, the typeface 'Bulmer' may include the fonts 'Bulmer roman', 'Bulmer italic', 'Bulmer bold' and 'Bulmer extended'—but the term 'font' might be applied either to one of these alone or to the whole typeface.

In both traditional typesetting and modern usage, the word 'font' refers to the delivery mechanism of the typeface design. In traditional typesetting, the font would be made from metal or wood. Today, the font is a digital file.

• 3Characteristics
  • 3.7Character variants

Etymology[edit]

The word font (traditionally spelled fount in British English, but in any case pronounced /fɒnt/) derives from Middle Frenchfonte'[something that has been] melted; a casting'.^[1] The term refers to the process of casting metal type at a type foundry.

Metal type[edit]

In a manual printing (letterpress) house the word 'font' would refer to a complete set of metal type that would be used to typeset an entire page. Upper- and lowercase letters get their names because of which case the metal type was located in for manual typesetting: the more distant upper case or the closer lower case. The same distinction is also referred to with the terms majuscule and minuscule.

Unlike a digital typeface, a metal font would not include a single definition of each character, but commonly used characters (such as vowels and periods) would have more physical type-pieces included. A font when bought new would often be sold as (for example in a Roman alphabet) 12pt 14A 34a, meaning that it would be a size 12-point font containing 14 uppercase 'A's, and 34 lowercase 'A's.

The rest of the characters would be provided in quantities appropriate for the distribution of letters in that language. Some metal type characters required in typesetting, such as dashes, spaces and line-height spacers, were not part of a specific font, but were generic pieces which could be used with any font.^[2] Line spacing is still often called 'leading', because the strips used for line spacing were made of lead (rather than the harder alloy used for other pieces). The reason for this spacing strip being made from 'lead' was because lead was a softer metal than the traditional forged metal type pieces (which was part lead, antimony and tin) and would compress more easily when 'locked-up' in the printing 'chase' (i.e. a carrier for holding all the type together).

In the 1880s–1890s, 'hot lead' typesetting was invented, in which type was cast as it was set, either piece by piece (as in the Monotype technology) or in entire lines of type at one time (as in the Linotype technology).

Characteristics[edit]

In addition to the character height, when using the mechanical sense of the term, there are several characteristics which may distinguish fonts, though they would also depend on the script(s) that the typeface supports. In European alphabetic scripts, i.e. Latin, Cyrillic and Greek, the main such properties are the stroke width, called weight, the style or angle and the character width.

The regular or standard font is sometimes labeled roman, both to distinguish it from bold or thin and from italic or oblique. The keyword for the default, regular case is often omitted for variants and never repeated, otherwise it would be Bulmer regular italic, Bulmer bold regular and even Bulmer regular regular. Roman can also refer to the language coverage of a font, acting as a shorthand for 'Western European'.

Different fonts of the same typeface may be used in the same work for various degrees of readability and emphasis, or in a specific design to make it be of more visual interest.

Weight[edit]

The weight of a particular font is the thickness of the character outlines relative to their height.

Graphik Black Font With Strokes

A typeface may come in fonts of many weights, from ultra-light to extra-bold or black; four to six weights are not unusual, and a few typefaces have as many as a dozen. Many typefaces for office, web and non-professional use come with just a normal and a bold weight which are linked together. If no bold weight is provided, many renderers (browsers, word processors, graphic and DTP programs) support faking a bolder font by rendering the outline a second time at an offset, or just smearing it slightly at a diagonal angle.

The base weight differs among typefaces; that means one normal font may appear bolder than some other normal font. For example, fonts intended to be used in posters are often quite bold by default while fonts for long runs of text are rather light. Therefore, weight designations in font names may differ in regard to the actual absolute stroke weight or density of glyphs in the font.

Attempts to systematize a range of weights led to a numerical classification first used by Adrian Frutiger with the Univers typeface: 35 Extra Light, 45 Light, 55 Medium or Regular, 65 Bold, 75 Extra Bold, 85 Extra Bold, 95 Ultra Bold or Black.Deviants of these were the '6 series' (italics), e.g. 46 Light Italics etc., the '7 series' (condensed versions), e.g. 57 Medium Condensed etc., and the '8 series' (condensed italics), e.g. 68 Bold Condensed Italics.From this brief numerical system it is easier to determine exactly what a font's characteristics are, for instance 'Helvetica 67' (HE67) translates to 'Helvetica Bold Condensed'.

The first algorithmic description of fonts was perhaps made by Donald Knuth in his Metafont description language and interpreter. The TrueType font format introduced a scale from 100 through 900, which is also used in CSS and OpenType, where 400 is regular (roman or plain).

There are many names used to describe the weight of a font in its name, differing among type foundries and designers, but their relative order is usually fixed, something like this:

The terms normal, regular and plain, sometimes also book, are being used for the standard weight font of a typeface. Where both appear and differ, book is often lighter than regular, but in some typefaces it is bolder.

Before the arrival of computers, each weight had to be drawn manually. As a result, many older multi-weight families such as Gill Sans and Monotype Grotesque have considerable differences in styles from light to extra-bold. Since the 1980s, it has become increasingly common to use automation to construct a range of weights as points along a trend, multiple master or other parameterized font design. This means that many modern digital fonts such as Myriad and TheSans are offered in a large range of weights which offer a smooth and continuous transition from one weight to the next, although some digital fonts are created with extensive manual corrections.^[4]

As digital font design allows more variants to be created faster, an increasingly common development in professional font design is the use of 'grades': slightly different weights intended for different types of paper and ink, or printing in a different region with different ambient temperature and humidity.^[5][6] For example, a thin design printed on book paper and a thicker design printed on high-gloss magazine paper may come out looking identical, since in the former case the ink will soak and spread out more. Grades are typically offered with characters having the same width on all grades, so that a change of printing materials does not affect copyfit.^[7][8] Grades are especially common on serif fonts with their finer details.

Slope[edit]

In European typefaces, especially Roman ones, a slope or slanted style is used to emphasise important words. This is called italic type or oblique type. These designs normally slant to the right in left-to-right scripts. Oblique styles are often called italic, but differ from 'true italic' styles.

Italic styles are more flowing than the normal typeface, approaching a more handwritten, cursive style, possibly using ligatures more commonly or gaining swashes. Although rarely encountered, a typographic face may be accompanied by a matching calligraphic face (cursive, script), giving an exaggeratedly italic style.

In many sans-serif and some serif typefaces, especially in those with strokes of even thickness the characters of the italic fonts are only slanted, which is often done algorithmically, without otherwise changing their appearance. Such oblique fonts are not true italics, because lower-case letter-shapes do not change, but are often marketed as such. Fonts normally do not include both oblique and italic styles: the designer chooses to supply one or the other.

Since italic styles clearly look different to regular (roman) styles, it is possible to have 'upright italic' designs that take a more cursive form but remain upright; Computer Modern is an example of a font that offers this style. In Latin-script countries, upright italics are rare but are sometimes used in mathematics or in complex documents where a section of text already in italics needs a 'double italic' style to add emphasis to it. For example, the Cyrillic minuscule 'т' may look like a smaller form of its majuscule 'Т' or more like a roman small 'm' as in its standard italic appearance; in this case the distinction between styles is also a matter of local preference.

In Frutiger's nomenclature the second digit for upright fonts is a 5, for italic fonts a 6 and for condensed italic fonts an 8.

The two Japanese syllabaries, katakana and hiragana, are sometimes seen as two styles or typographic variants of each other, but usually are considered separate character sets as a few of the characters have separate kanji origins and the scripts are used for different purposes. The gothic style of the roman script with broken letter forms, on the other hand, is usually considered a mere typographic variant.

Cursive-only scripts such as Arabic also have different styles, in this case for example Naskh and Kufic, although these often depend on application, area or era.

There are other aspects that can differ among font styles, but more often these are considered immanent features of the typeface. These include the look of digits (text figures) and the minuscules, which may be smaller versions of the capital letters (small caps) although the script has developed characteristic shapes for them. Some typefaces do not include separate glyphs for the cases at all, thereby abolishing the bicamerality. While most of these use uppercase characters only, some labeled unicase exist which choose either the majuscule or the minuscule glyph at a common height for both characters.

Width[edit]

Some typefaces include fonts that vary the width of the characters (stretch), although this feature is usually rarer than weight or stroke. Narrower fonts are usually labeled compressed, condensed or narrow. In Frutiger's system, the second digit of condensed fonts is a 7. Wider fonts may be called wide, extended or expanded. Both can be further classified by prepending extra, ultra or the like. Compressing a font design to a condensed weight is a complex task, requiring the strokes to be slimmed down proportionally and often making the capitals straight-sided.^[a][9] It is particularly common to see condensed fonts for sans-serif and slab-serif families, since it is relatively practical to modify their structure to a condensed weight. Serif text faces are often only issued in the regular width.

These separate fonts have to be distinguished from techniques that alter the letter-spacing to achieve narrower or smaller words, especially for justified text alignment.

Most typefaces either have proportional or monospaced (i.e. typewriter-style) letter widths, if the script provides the possibility. There are, however, superfamilies covering both styles. Some fonts also provide both proportional and fixed-width (tabular) digits, where the former usually coincide with lowercase text figures and the latter with uppercase lining figures.

The width of a font will depend on its intended use. Times New Roman was designed with the goal of having small width, to fit more text into a newspaper. On the other hand, Palatino has large width to increase readability. The 'billing block' on a movie poster often uses extremely condensed type in order to meet union requirements on the people who must be credited and the font height relative to the rest of the poster.^[10]

Optical size[edit]

Some professional digital typefaces include fonts that are optimised for certain sizes, for instance by using a thinner stroke weight if they are intended for large-size display use, or by using ink traps if they are to be printed at small size on poor-quality paper.^[11] This was a natural feature in the metal type period for most typefaces, since each size would be cut separately and made to its own slightly different design.^[12][13] As an example of this, experienced Linotype designer Chauncey H. Griffith commented in 1947 that for a type he was working on intended for newspaper use, the 6 point size was not 50% as wide as the 12 point size, but about 71%.^[b][14] However, it declined in use as pantograph engraving, and especially phototypesetting and digital fonts made printing the same font at any size simpler. A mild revival has taken place in recent years.^{[15][16][17][18]} Optical sizes are more common for serif fonts, since their typically finer detail and higher contrast benefits more from being bulked up for smaller sizes and made less overpowering at larger ones.^[12]

There are several naming schemes for such variant designs.^[19] One such scheme, invented and popularized by Adobe Systems, refers to the variant fonts by the applications they are typically used for, with the exact point sizes intended varying slightly by typeface:

Poster

Extremely large sizes, usually larger than 72 point

Display

Large sizes, typically 19–72 point

Subhead

Large text, typically about 14–18 point

(Regular)

Usually left unnamed, typically about 10–13 point

Small Text (SmText)

Typically about 8–10 point

Caption

Very small, typically about 4–8 point

Metrics[edit]

Font metrics refers to metadata consisting of numeric values relating to size and space in the font overall, or in its individual glyphs. Font-wide metrics include cap height (the height of the capitals), x-height (the height of the lower-case letters) and ascender height, descender depth, and the font bounding box. Glyph-level metrics include the glyph bounding box, the advance width (the proper distance between the glyph's initial pen position and the next glyph's initial pen position), and sidebearings (space that pads the glyph outline on either side). Many digital (and some metal type) fonts are able to be kerned so that characters can be fitted more closely; the pair 'Wa' is a common example of this.

Some fonts, especially those intended for professional use, are duplexed: made with multiple weights having the same character width so that (for example) changing from regular to bold or italic does not affect word wrap.^[20]Sabon as originally designed was a notable example of this. (This was a standard feature of the Linotype hot metal typesetting system with regular and italic being duplexed, requiring awkward design choices as italics normally are narrower than the roman.)

A particularly important basic set of fonts that became an early standard in digital printing was the Core Font Set included in the PostScript printing system developed by Apple and Adobe. To avoid paying licensing fees for this set, many computer companies commissioned 'metrically-compatible' knock-off fonts with the same spacing, which could be used to display the same document without it seeming clearly different. Arial and Century Gothic are notable examples of this, being functional equivalents to the PostScript standard fonts Helvetica and ITC Avant Garde respectively.^{[21][22][23][24][25]} Some of these sets were created in order to be freely redistributable, for example Red Hat's Liberation fonts and Google's Croscore fonts, which duplicate the PostScript set and other common fonts used in Microsoft software such as Calibri.^[26] It is not a requirement that a metrically compatible design be identical to its origin in appearance apart from width.^[27]

Serifs[edit]

Although most typefaces are characterised by their use of serifs, there are superfamilies that incorporate serif (antiqua) and sans-serif (grotesque) or even intermediate slab serif (Egyptian) or semi-serif fonts with the same base outlines.

A more common font variant, especially of serif typefaces, is that of alternate capitals. They can have swashes to go with italic minuscules or they can be of a flourish design for use as initials (drop caps).

Character variants[edit]

Typefaces may be made in variants for different uses. These may be issued as separate font files, or the different characters may be included in the same font file if the font is a modern format such as OpenType and the application used can support this.^[28][29]

Alternative characters are often called stylistic alternates. These may be switched on to allow users more flexibility to customise the font to suit their needs. The practice is not new: in the 1930s, Gill Sans, a British design, was sold abroad with alternative characters to make it resemble fonts such as Futura popular in other countries, while Bembo from the same period has two styles of 'R': one with a stretched-out leg, matching its fifteenth-century model, and one less-common shorter version.^[30] With modern digital fonts, it is possible to group related alternative characters into stylistic sets, which may be turned on and off together. For example, in Williams Caslon Text, a revival of the 18th century font Caslon, the default italic forms have many swashes matching the original design. For a more spare appearance, these can all be turned off at once by engaging stylistic set 4.^[31]Junicode, intended for academic publishing, uses ss15 to enable a variant form of 'e' used in medieval Latin. A corporation commissioning a modified version of a commercial font for their own use, meanwhile, might request that their preferred alternates be set to default.

It is common for fonts intended for use in books for young children to use simplified, single-storey forms of the lowercase letters a and g (sometimes also y and l); these may be called infant or schoolbook alternates. They are traditionally believed to be easier for children to read and less confusing as they resemble the forms used in handwriting.^[32] Often schoolbook characters are released as a supplement to popular families such as Akzidenz-Grotesk, Gill Sans and Bembo; a well-known font intended specifically for school use is Sassoon Sans.^[33][34]

Besides alternate characters, in the metal type era the New York Times commissioned custom condensed single sorts for common long names that might often appear in news headings, such as 'Eisenhower', 'Chamberlain' or 'Rockefeller'.^[35]

Numerals[edit]

Fonts can have multiple kinds of numerals, including, as described above, proportional (variable width) and tabular (fixed width) as well as lining (upper-case height) and text (lower-case height) figures. They may also include separate styles for superscript and subscript digits. Professional fonts may include even more complex settings for typesetting numerals, such as numerals intended to match the height of small caps.^[36][37] In addition, some fonts such as Adobe’s Acumin and Christian Schwartz’s Neue Haas Grotesk digitisation offer two heights of lining (upper-case height) figures: one slightly lower than cap height, intended to blend better into continuous text, and one at exactly the cap height to look better in combination with capitals for uses such as UK postcodes.^{[38][39][40][41]} With the OpenType format, it is possible to bundle all these into a single digital font file, but earlier font releases may have only one type per file.

Subsetting[edit]

A typical font may contain hundreds or even thousands of glyphs, often representing characters from many different languages. Oftentimes, users may only need a small subset of the glyphs that are available to them. Subsetting is the process of removing unnecessary glyphs from a font file, usually with the goal of reducing file size. This is particularly important for web fonts, since reducing file size often means reducing page load time and server load. Alternatively, fonts may be issued in different files for different regions of the world, though with the spread of the OpenType format this is now increasingly uncommon.

See also[edit]

References[edit]

1. ^Douglas Harper (2001). 'font'. Online Etymology Dictionary. Retrieved 2013-07-19.
2. ^'Basic Letterpress Tools'. Archived from the original on 2008-12-24. Retrieved 2008-12-07.
3. ^'font-weight'. Mozilla Developer Network. Retrieved 2017-07-04.
4. ^Phinney, Thomas. 'Comments on Quora thread'. Quora. Retrieved 11 August 2015.
5. ^Butterick, Matthew. 'Equity: specimen & manual'(PDF). MBType. Retrieved 7 August 2015.
6. ^'Benton Modern'. Font Bureau. Retrieved 7 August 2015.
7. ^Porchez, Jean François. 'Equity review'. Typographica. Retrieved 13 July 2015.
8. ^Peters, Yves. 'Grading Bennet'. Type Network. Retrieved 25 September 2018.
9. ^Frere-Jones, Tobias. 'Typeface Mechanics: 002'. Frere-Jones Type. Retrieved 27 December 2017. If we change that interval of white space without changing anything else, this doesn’t add up any more. Or more accurately, it adds up to something we didn’t want, if we had hoped to keep a consistent darkness. The proportion of black and white has changed, and that is where we get our sense of light and dark, not from the measure of any single element...So when we just put the weights and spaces where they look right, we create a relationship that is neither arithmetic nor geometric but somewhere between. Our eyes are perpetually tough customers, and rarely accept the simplest solution...Weight will crowd together according to the angle of intersection, with the problem getting more acute as the angle gets more acute. It’s why type designers will take a deep breath before starting a Compressed Extra Bold version of something, or why they might openly swear at the capital W.
10. ^Schott, Ben (February 23, 2013). 'Assembling the Billing Block'. The New York Times.
11. ^Reynolds, Dan. 'How To Choose The Right Face For A Beautiful Body'. Smashing. Retrieved 13 September 2015.
12. ^ ^abFrere-Jones, Tobias. 'MicroPlus'. Frere-Jones Type. Retrieved 1 December 2015.
13. ^'Requiem features'. Hoefler & Frere-Jones. Retrieved 2 July 2015.
14. ^Tracy, Walter. Letters of Credit. pp. 52–55.
15. ^Ahrens and Mugikura. 'Size-specific Adjustments to Type Designs'. Just Another Foundry. Retrieved 21 November 2014.
16. ^Coles, Stephen. 'Book Review: Size-specific Adjustments to Type Designs'. Typographica. Retrieved 21 November 2014.
17. ^Kupferschmid, Indra. 'Multi-axes type families'. kupferschrift. Retrieved 8 December 2014.
18. ^'Trianon'. Production Type. Retrieved 2 July 2015.
19. ^Slimbach, Souser, Slye, Twardoch. 'Arno Pro specimen'(PDF). Adobe. Retrieved 3 July 2015.CS1 maint: Multiple names: authors list (link)
20. ^Butterick, Matthew. 'Concourse specimen pdf'. MBType. Retrieved 7 August 2015.
21. ^Shaw, Paul. 'Arial Addendum no. 3'. Blue Pencil. Retrieved 1 July 2015.
22. ^Shaw (& Nicholas). 'Arial addendum no. 4'. Blue Pencil. Retrieved 1 July 2015.
23. ^McDonald, Rob. 'Some history about Arial'. Paul Shaw Letter Design. Retrieved 22 May 2015.
24. ^Haley, Allan (May–June 2007). 'Is Arial Dead Yet?'. Step Inside Design. Archived from the original on July 19, 2011. Retrieved 2011-05-11.
25. ^'Type Designer Showcase: Robin Nicholas – Arial'. Monotype Imaging. Archived from the original on 2011-07-14. Retrieved 2011-05-10.
26. ^Liberation Fonts, Fedora
27. ^Schwartz, Christian. 'DB'. Schwartzco. Retrieved 16 July 2015.
28. ^'What's OpenType?'. Hoefler & Frere-Jones. Retrieved 7 August 2015.
29. ^Peters, Yves. 'Why a better OpenType UI matters'. i love typography. Retrieved 14 August 2015.
30. ^'Specimen Book of Monotype Printing Types (photograph)'. Flickr. Retrieved 3 May 2015.
31. ^Berkson, William. 'Williams Caslon Text features manual'(PDF). Font Bureau. Retrieved 7 August 2015.
32. ^Walker, Sue; Reynolds, Linda (1 January 2003). 'Serifs, sans serifs and infant characters in children's reading books'. Information Design Journal. 11 (3): 106–122. doi:10.1075/idj.11.2.04wal.
33. ^Coles, Stephen. 'Design Museum'. Fonts In Use. Retrieved 13 July 2016.
34. ^'Bembo Infant'. MyFonts. Retrieved 1 May 2016.
35. ^Dunlap, David. '1952 'Eisenhower,' a True Campaign Logo'. New York Times. Retrieved 20 August 2017.
36. ^Shinn, Nick. 'Shinntype Modern Suite specification'(PDF). Shinntype. Retrieved 16 October 2015.
37. ^'Paciencias specification'. Typographias. Retrieved 16 October 2015.
38. ^'Neue Haas Grotesk'. The Font Bureau, Inc. p. Introduction.
39. ^'Neue Haas Grotesk - Font News'. Linotype.com. Retrieved 2013-09-21.
40. ^'Schwartzco Inc'. Christianschwartz.com. Retrieved 2013-09-21.
41. ^Slimbach, Robert. 'Acumin - usage'. Typekit. Adobe Systems. Retrieved 16 October 2015.

1. ^Simply digitally compressing the font produces ugly results, since it narrows the vertical strokes but not the horizontals.
2. ^The typeface was the “Falcon” design by William Addison Dwiggins, ultimately never issued.

Further reading[edit]

• Blackwell, Lewis. 20th Century Type. Yale University Press: 2004. ISBN0-300-10073-6.
• Fiedl, Frederich, Nicholas Ott and Bernard Stein. Typography: An Encyclopedic Survey of Type Design and Techniques Through History. Black Dog & Leventhal: 1998. ISBN1-57912-023-7.
• Lupton, Ellen. Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, Princeton Architectural Press: 2004. ISBN1-56898-448-0.
• Headley, Gwyn. The Encyclopaedia of Fonts. Cassell Illustrated: 2005. ISBN1-84403-206-X.
• Macmillan, Neil. An A–Z of Type Designers. Yale University Press: 2006. ISBN0-300-11151-7.