Type design

Last updated
Specimens of typefaces designed by Eric Gill GillFaces.png
Specimens of typefaces designed by Eric Gill

Type design is the art and process of designing typefaces. This involves drawing each letterform using a consistent style. The basic concepts and design variables are described below.

Contents

A typeface differs from other modes of graphic production such as handwriting and drawing in that it is a fixed set of alphanumeric characters with specific characteristics to be used repetitively. Historically, these were physical elements, called sorts, placed in a wooden frame; modern typefaces are stored and used electronically. It is the art of a type designer to develop a pleasing and functional typeface. In contrast, it is the task of the typographer (or typesetter) to lay out a page using a typeface that is appropriate to the work to be printed or displayed.

History

The technology of printing text using movable type was invented in China, [1] but the vast number of Chinese characters, and the esteem with which calligraphy was held, meant that few distinctive, complete typefaces were created in China in the early centuries of printing.

Gutenberg's most important innovation in the mid 15th century development of his press was not the printing itself, but the casting of Latinate types. Unlike Chinese characters, which are based on a uniform square area, European Latin characters vary in width, from the very wide "M" to the slender "l". Gutenberg developed an adjustable mold which could accommodate an infinite variety of widths. From then until at least 400 years later, type started with cutting punches, which would be struck into a brass "matrix". The matrix was inserted into the bottom of the adjustable meld and the negative space formed by the mold cavity plus the matrix acted as the master for each letter that was cast. The casting material was an alloy usually containing lead, which had a low melting point, cooled readily, and could be easily filed and finished. In those early days, type design had to not only imitate the familiar handwritten forms common to readers, but also account for the limitations of the printing process, such as the rough papers of uneven thicknesses, the squeezing or splashing properties of the ink, and the eventual wear on the type itself.

Beginning in the 1890s, each character was drawn in a very large size for the American Type Founders Corporation and a few others using their technology—over a foot (30 cm) high. The outline was then traced by a Benton pantograph-based engraving machine with a pointer at the hand-held vertex and a cutting tool at the opposite vertex down to a size usually less than a quarter-inch (6 mm). The pantographic engraver was first used to cut punches, and later to directly create matrices.

In the late 1960s through the 1980s, typesetting moved from metal to photo composition. During this time, type design made a similar transition from physical matrixes to hand drawn letters on vellum or mylar and then the precise cutting of "rubyliths". Rubylith was a common material in the printing trade, in which a red transparent film, very soft and pliable, was bonded to a supporting clear acetate. Placing the ruby over the master drawing of the letter, the craftsman would gently and precisely cut through the upper film and peel the non-image portions away. The resulting letterform, now existing as the remaining red material still adhering to the clear substrate, would then be ready to be photographed using a reproduction camera.

With the coming of computers, type design became a form of computer graphics. Initially, this transition occurred with a program called Ikarus around 1980, but widespread transition began with programs such as Aldus Freehand and Adobe Illustrator, and finally to dedicated type design programs called font editors, such as Fontographer and FontLab. This process occurred rapidly: by the mid-1990s, virtually all commercial type design had transitioned to digital vector drawing programs.

Each glyph design can be drawn or traced by a stylus on a digitizing board, or modified from a scanned drawing, or composed entirely within the program itself. Each glyph is then in a digital form, either in a bitmap (pixel-based) or vector (scalable outline) format. A given digitization of a typeface can easily be modified by another type designer; such a modified font is usually considered a derivative work, and is covered by the copyright of the original font software.

Type design could be copyrighted typeface by typeface in many countries, though not the United States. The United States offered and continues to offer design patents as an option for typeface design protection. [2]

Basic concepts

FontForge, an open source application for developing digital fonts FontForge 2012.png
FontForge, an open source application for developing digital fonts

Stroke

The shape of designed letterforms and other characters are defined by strokes arranged in specific combinations. This shaping and construction has a basis in the gestural movements of handwriting. The visual qualities of a given stroke are derived from factors surrounding its formation: the kind of tool used, the angle at which the tool is dragged across a surface, and the degree of pressure applied from beginning to end. The stroke is the positive form that establishes a character's archetypal shape. [3] :49

Counter

The spaces created between and around strokes are called counters (also known as counterforms). These negative forms help to define the proportion, density, and rhythm of letterforms. The counter is an integral element in Western typography, however this concept may not apply universally to non-Western typographic traditions. More complex scripts, such as Chinese, which make use of compounding elements (radicals) within a single character may additionally require consideration of spacing not only between characters but also within characters. [4]

Body

The overall proportion of characters, or their body, considers proportions of width and height for all cases involved (which in Latin are uppercase and lowercase), and individually for each character. In the former case, a grid system is used to delineate vertical proportions and gridlines (such as the baseline, mean line/x-height, cap line, descent line, and ascent line). In the latter case, letterforms of a typeface may be designed with variable bodies, making the typeface proportional, or they may be designed to fit within a single body measure, making the typeface fixed width or monospaced.

Structural groups

When designing letterforms, characters with analogous structures can be grouped in consideration of their shared visual qualities. In Latin, for example, archetypal groups can be made on the basis of the dominant strokes of each letter: verticals and horizontals (E F H L T), diagonals (V W X), verticals and diagonals (K M N Y), horizontals and diagonals (A Z), circular strokes (C O Q S), circular strokes and verticals (B D G P R U), and verticals (I J).

Design variables

Type design takes into consideration a number of design variables which are delineated based on writing system and vary in consideration of functionality, aesthetic quality, cultural expectations, and historical context. [3] :48

Style

Style describes several different aspects of typeface variability historically related to character and function. This includes variations in:

Weight

A text sample set in various weights. Helvetica Neue typeface weights.svg
A text sample set in various weights.

Weight refers to the thickness or thinness of a typeface's strokes in a global sense. Typefaces usually have a default medium, or regular, weight which will produce the appearance of a uniform grey value when set in text. Categories of weight include hairline, thin, extra light, light, book, regular/medium, semibold, bold, black/heavy, and extra black/ultra.

Variable fonts are computer fonts that are able to store and make use of a continuous range of weight (and size) variants of a single typeface.

Contrast

Contrast refers to the variation in weight that may exist internally within each character, between thin strokes and thick strokes. More extreme contrasts will produce texts with more uneven typographic color. At a smaller scale, strokes within a character may individually also exhibit contrasts in weight, which is called modulation.

Width

Each character within a typeface has its own overall width relative to its height. These proportions may be changed globally so that characters are narrowed or widened. Typefaces that are narrowed are called condensed typefaces, while those that are widened are called extended typefaces.

Posture

Letterform structures may be structured in a way that changes the angle between upright stem structures and the typeface's baseline, changing the overall posture of the typeface. In Latin script typefaces, a typeface is categorized as a Roman when this angle is perpendicular. A forward-leaning angle produces either an Italic, if the letterforms are designed with reanalyzed cursive forms, or an oblique, if the letterforms are slanted mechanically. A back-leaning angle produces a reverse oblique, or backslanted, posture.

Case

Ascenders (as in "h") and descenders (as in "p") make the height of lower-case letters vary. Typography Line Terms.svg
Ascenders (as in "h") and descenders (as in "p") make the height of lower-case letters vary.

A proportion of writing systems are bicameral, distinguishing between two parallel sets of letters that vary in use based on prescribed grammar or convention. These sets of letters are known as cases. The larger case is called uppercase or capitals (also known as majuscule) and the smaller case is called lowercase (also known as minuscule). Typefaces may also include a set of small capitals, which are uppercase forms designed in the same height and weight as lowercase forms. Other writing systems are unicameral, meaning only one case exists for letterforms. Bicameral writing systems may have typefaces with unicase designs, which mix uppercase and lowercase letterforms within a single case.

Principles

The design of a legible text-based typeface remains one of the most challenging assignments in graphic design. The even visual quality of the reading material being of paramount importance, each drawn character (called a glyph) must be even in appearance with every other glyph regardless of order or sequence. Also, if the typeface is to be versatile, it must appear the same whether it is small or large. Because of optical illusions that occur when we apprehend small or large objects, this entails that in the best fonts, a version is designed for small use and another version is drawn for large, display, applications. Also, large letterforms reveal their shape, whereas small letterforms in text settings reveal only their textures: this requires that any typeface that aspires to versatility in both text and display, needs to be evaluated in both of these visual domains. A beautifully shaped typeface may not have a particularly attractive or legible texture when seen in text settings.

Spacing is also an important part of type design. Each glyph consists not only of the shape of the character, but also the white space around it. The type designer must consider the relationship of the space within a letter form (the counter) and the letter spacing between them.

Designing type requires many accommodations for the quirks of human perception, "optical corrections" required to make shapes look right, in ways that diverge from what might seem mathematically right. For example, round shapes need to be slightly bigger than square ones to appear "the same" size ("overshoot"), and vertical lines need to be thicker than horizontal ones to appear the same thickness. For a character to be perceived as geometrically round, it must usually be slightly "squared" off (made slightly wider at the shoulders). As a result of all these subtleties, excellence in type design is highly respected in the design professions.

Profession

Type design is performed by a type designer. It is a craft, blending elements of art and science. In the pre-digital era it was primarily learned through apprenticeship and professional training within the industry. Since the mid-1990s it has become the subject of dedicated degree programs at a handful of universities, including the MA Typeface Design at the University of Reading (UK) and the Type Media program at the KABK (Royal Academy of Art in the Hague). At the same time, the transition to digital type and font editors which can be inexpensive (or even open source and free) has led to a great democratization of type design; the craft is accessible to anyone with the interest to pursue it, nevertheless, it may take a very long time for the serious artist to master.

Israeli typographer Henri Friedlaender examines Hadassah Hebrew typeface sketches. The sequence was shot in his study in Motza-Illit (near Jerusalem) in 1978.

Related Research Articles

<span class="mw-page-title-main">Cyrillic script</span> Writing system used for various Eurasian languages

The Cyrillic script, Slavonic script or simply Slavic script is a writing system used for various languages across Eurasia. It is the designated national script in various Slavic, Turkic, Mongolic, Uralic, Caucasian and Iranic-speaking countries in Southeastern Europe, Eastern Europe, the Caucasus, Central Asia, North Asia, and East Asia, and used by many other minority languages.

<span class="mw-page-title-main">Optima</span> 1958 typeface by Hermann Zapf

Optima is a humanist sans-serif typeface designed by Hermann Zapf and released by the D. Stempel AG foundry, Frankfurt, West Germany in 1958.

In typography, a serif is a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol within a particular font or family of fonts. A typeface or "font family" making use of serifs is called a serif typeface, and a typeface that does not include them is sans-serif. Some typography sources refer to sans-serif typefaces as "grotesque" or "Gothic", and serif typefaces as "roman".

<span class="mw-page-title-main">Typeface</span> Set of characters that share common design features

A typeface is a design of letters, numbers and other symbols, to be used in printing or for electronic display. Most typefaces include variations in size, weight, slope, width, and so on. Each of these variations of the typeface is a font.

<span class="mw-page-title-main">Phi</span> Twenty-first letter in the Greek alphabet

Phi is the twenty-first letter of the Greek alphabet.

<span class="mw-page-title-main">Rockwell (typeface)</span> Slab-serif font

Rockwell is a slab serif typeface designed by the Monotype Corporation and released in 1934. The project was supervised by Monotype's engineering manager Frank Hinman Pierpont. This typeface is distinguished by a serif at the apex of the uppercase A, while the lowercase a has two storeys. Because of its monoweighted stroke, Rockwell is used primarily for display or at small sizes rather than as a body text. Rockwell is based on an earlier, more condensed slab serif design cast by the Inland Type Foundry called Litho Antique.

<span class="mw-page-title-main">Univers</span> Sans-serif typeface family

Univers is a large sans-serif typeface family designed by Adrian Frutiger and released by his employer Deberny & Peignot in 1957. Classified as a neo-grotesque sans-serif, one based on the model of nineteenth-century German typefaces such as Akzidenz-Grotesk, it was notable for its availability from the moment of its launch in a comprehensive range of weights and widths. The original marketing for Univers deliberately referenced the periodic table to emphasise its scope.

A computer font is implemented as a digital data file containing a set of graphically related glyphs. A computer font is designed and created using a font editor. A computer font specifically designed for the computer screen, and not for printing, is a screen font.

<span class="mw-page-title-main">R rotunda</span> Variant of the Latin letter R (ꝛ)

The r rotunda ⟨ ꝛ ⟩, "rounded r", is a historical calligraphic variant of the minuscule (lowercase) letter Latin r used in full script-like typefaces, especially blackletters.

<span class="mw-page-title-main">Small caps</span> Lowercase characters that resemble uppercase letters except smaller in height

In typography, small caps are characters typeset with glyphs that resemble uppercase letters (capitals) but reduced in height and weight close to the surrounding lowercase letters or text figures. This is technically not a case-transformation, but a substitution of glyphs, although the effect is often approximated by case-transformation and scaling. Small caps are used in running text as a form of emphasis that is less dominant than all uppercase text, and as a method of emphasis or distinctiveness for text alongside or instead of italics, or when boldface is inappropriate. For example, the text "Text in small caps" appears as Text in small caps in small caps. Small caps can be used to draw attention to the opening phrase or line of a new section of text, or to provide an additional style in a dictionary entry where many parts must be typographically differentiated.

The PANOSE System is a method for classifying typefaces solely on their visual characteristics, developed by Benjamin Bauermeister. It can be used to identify an unknown font from a sample image or to match a known font to its closest visual neighbor from a font pool. The word "PANOSE" is composed of letters taken from the six classes in which the creator of the system organized the Latin alphabet.

<span class="mw-page-title-main">Trebuchet MS</span> Digital sans-serif typeface family

Trebuchet MS is a humanist sans-serif typeface that Vincent Connare designed for Microsoft Corporation in 1996. Trebuchet MS was the font used for the window titles in the Windows XP default theme, succeeding MS Sans Serif and Tahoma. Released free of charge by Microsoft as part of their core fonts for the Web package, it remained one of the most popular body text fonts on webpages as of 2009.

<span class="mw-page-title-main">Font</span> Particular size, weight and style of a typeface

In metal typesetting, a font is a particular size, weight and style of a typeface. Each font is a matched set of type, with a piece for each glyph. A typeface consists of various fonts that share an overall design.

<span class="mw-page-title-main">History of Western typography</span>

Modern typographers view typography as a craft with a very long history tracing its origins back to the first punches and dies used to make seals and coinage currency in ancient times. The basic elements of typography are at least as old as civilization and the earliest writing systems—a series of key developments that were eventually drawn together into one systematic craft. While woodblock printing and movable type had precedents in East Asia, typography in the Western world developed after the invention of the printing press by Johannes Gutenberg in the mid-15th century. The initial spread of printing throughout Germany and Italy led to the enduring legacy and continued use of blackletter, roman, and italic types.

<span class="mw-page-title-main">News Gothic</span> Grotesque sans-serif typeface

News Gothic is a sans-serif typeface designed by Morris Fuller Benton, and was released in 1908 by his employer American Type Founders (ATF). The typeface is similar in proportion and structure to Franklin Gothic, also designed by Benton, but lighter.

<span class="mw-page-title-main">Benton Sans</span> Sans-serif typeface

Benton Sans is a digital typeface family begun by Tobias Frere-Jones in 1995, and expanded by Cyrus Highsmith of Font Bureau. It is based on the sans-serif typefaces designed for American Type Founders by Morris Fuller Benton around the beginning of the twentieth century in the industrial or grotesque style. It was a reworked version of Benton Gothic developed for various corporate customers, under Frere-Jones's guidance. In developing the typeface, Frere-Jones studied drawings of Morris Fuller Benton's 1908 typeface News Gothic at the Smithsonian Institution. The typeface began as a proprietary type, initially titled MSL Gothic, for Martha Stewart Living magazine and the website for Martha Stewart Living Omnimedia. As Benton Gothic, there are 7 weights from Thin to Black and only 2 widths.

Legibility is the ease with which a reader can decode symbols. In addition to written language, it can also refer to behaviour or architecture, for example. From the perspective of communication research, it can be described as a measure of the permeability of a communication channel. A large number of known factors can affect legibility.

<span class="mw-page-title-main">New Alphabet</span> Sans serif typeface

New Alphabet is a parametric typeface designed by Wim Crouwel, released in 1967. It embraced the limitations of the display technology that it was displayed on by only using horizontal and vertical strokes. This meant that some of the letters had little resemblance to the letters they were supposed to represent. New Alphabet was notably used on the cover of Joy Division's 1988 compilation album Substance.

Typeface anatomy describes the graphic elements that make up letters in a typeface.

<span class="mw-page-title-main">Metro (typeface)</span> Sans-Serif typeface

Metro is a sans-serif typeface family created by William Addison Dwiggins and released by the American Mergenthaler Linotype Company from 1929 onwards.

References

  1. Needham, Joseph (1994). The Shorter Science and Civilisation in China, Volume 4. Cambridge University Press. p. 14. ISBN   9780521329958. Bi Sheng... who first devised, about 1045, the art of printing with movable type
  2. "Types of Patents". United States Patent and Trademark Office. Retrieved 6 March 2015.
  3. 1 2 Samara, Timothy (2018). Letterforms: Typeface Design From Past to Future. Minneapolis: Rockport Publishers. ISBN   978-1631594731.
  4. Takagi, Mariko (2012). "Typography between Chinese complex characters and Latin Letters". ATypI 2012 Hong Kong: 11.

Further reading