Kerning

Last updated
Kerning brings A and V closer, with their serifs over each other. Kerning EN.svg
Kerning brings A and V closer, with their serifs over each other.

In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerning adjusts the space between individual letterforms while tracking (letter-spacing) adjusts spacing uniformly over a range of characters. [1] In a well-kerned font, the two-dimensional blank spaces between each pair of characters all have a visually similar area. The term "keming" is sometimes used informally to refer to poor kerning (the letters r and n placed too closely together being easily mistaken for the letter m). [2]

Contents

The related term kern denotes a part of a type letter that overhangs the edge of the type block. [3]

Metal typesetting

The glyph on the right is kerned to overlap the character following it (glyphs are mirrored for printing). Metal type kerning.svg
The glyph on the right is kerned to overlap the character following it (glyphs are mirrored for printing).

The source of the word kern is from the French word carne, meaning "projecting angle, quill of a pen". The French term originated from the Latin cardo, cardinis, meaning "hinge". [4] In the days when all type was cast metal, the parts of a typecasting sort that needed to overlap adjacent letters simply hung off the sort slug's edge. Those overhanging metal pieces were called kerns. At that time, the word kerning only referred to manufacturing the sorts with kerns, while adjusting space between letters during compositing was called inter-spacing or letter spacing.

Because this method was not well suited to some pairs of letters, ligatures were supplied for those glyph combinations, such as the French L’, or the combinations ff, fi, fl, ffi, ffl, and others.

Digital typography

In metal typesetting, kerning was labour-intensive and expensive because the matrices had to be physically modified. It was therefore only employed on letter combinations which needed it the most, such as VA or AV. With the arrival of digital fonts, it became much easier to kern many glyph combinations.

Kerning values

In digital typography, kerning is usually applied to letter pairs as a number by which the default character spacing should be increased or decreased: a positive value for an increase, a negative value for a decrease. The number is expressed in font units, one unit being a certain fraction of an em (one em is the type size currently used). Different fonts may use different units, but common values are 1000 and 2048 units/em. Thus, for 1000 units/em, a kerning value of 15 means an increase in character spacing by 0.015 of the current type size. (The kerning units for a given font are the same as the units used to express the character widths in that font.)

Most kerning adjustments are negative, and negative adjustments are generally larger than positive ones. Adjustments for different pairs within a given font can range from a tiny 2 to over 100 (when expressed as 1000 units/em). The adjustments for a given pair vary greatly from one font to another.

Negative kerning is widely used to fit capital letters such as T, V, W, and Y closer to some other capital letters on either side, especially A, and to some lower case letters on the right side, such as the combinations Ta, Te, and To. It is also used to fit a period (full stop) or a comma closer to these and to F and P, as well as to the lower case letters r, v, w, and y. Some other combinations that use negative kerning are FA, LT, and LY, and letters like A, L, and h followed by a quotation mark.

Positive kerning is used mainly in conjunction with special characters and punctuation (for example, the lower case letter f followed by right parenthesis or quotation mark). Depending on the font, some small positive kerning may also be required for accented letters and for pairs like Bo, Dw, and TY.

The table below contains a few exemplifying kerning pairs and their values. These values are based on 1000 units/em and the kerning pairs are ordered from the most negative to the most positive kerning value. The samples are taken from the kerning tables of the Minion Pro font. In other fonts the kerning may be very different.

A” 146W. 144P, 139L” 135VA 123F. 110YA 104Te  98
AV  97Vr  86PA  85m”  82a”  79FA  78UA  78w.  73
Yt  72LT  64r,  63Xv  54Ku  46D,  40D”  36OA  36
Hv  33T:  32DY  30c”  25my  23Ru  21aj  19bv  16
Sp  14ro  13SR  12lp  12ot  11tt  10am   9fe   9
vo   8xc   8yo   8Ix   6e,   6st   5he   4Fw   3
us   3Ak   +3la   +3Oj   +5il   +5CO   +7bc   +9Xf  +10
fr  +10F”  +12wb  +12YW  +13So  +14Co  +15VT  +16cv  +16
Dv  +17OC  +18Bc  +20RX  +20T”  +22gy  +24r:  +24XA  +25
ry  +29w;  +31f?  +76f” +121

Which letters need to be kerned depends on which languages the font is to be used with. Since some combinations of letters are not used in normal words in any language, kerning these is not necessary. Non-proportional (monospaced) fonts do not use kerning, since their characters always have the same spacing.

Kerning tables

In older font formats, such as Microsoft's TrueType, the kerning values are specified in a simple kern table where each entry consists of a pair of characters and their kerning value. [5] [6] TrueType fonts typically have several hundred pairs, but some have more than a thousand.

Since OpenType is a superset of TrueType kern tables are still supported for TrueType fonts packed as OpenType; however, PostScript-based (CFF) OpenType fonts do not have this option. OpenType introduced a new, uniform way of specifying, among other things, kerning, via the Glyph Positioning Table (GPOS). [5] The more recent font releases by Adobe no longer have kern tables at all, but only specify kerning via GPOS. [7]

Since an OpenType font may include thousands of glyphs, and consequently a huge number of pairs of characters that need kerning, OpenType fonts may have an elaborate system of tables and subtables, designed to minimize the overall storage space. (Kerning is treated as part of a broad range of new glyph positioning features which are stored in GPOS. [8] ) The system is based on the concept of glyph classes: instead of a one-dimensional table where each entry corresponds to a pair of characters, there are two-dimensional tables where each entry corresponds to a pair of classes of glyphs. A class includes several characters whose right-hand outline (and right side-bearing) is identical for kerning purposes, or several characters whose left-hand outline (and left side-bearing) is identical. All pairs of characters where the first one is from the first class and the second one is from the second class will require the same kerning value, so this value needs to be specified only once in the table. The rows in the two-dimensional table correspond to first-character classes, and the columns correspond to second-character classes. The kerning value for a given pair of characters is found in the table at the intersection of the classes to which they belong.

This system is very economical, but is necessarily limited. For example, many of the classes may be quite small. Also, a font with many types of glyphs may require several such tables. Finally, many pairs remain that cannot be represented through classes. For them, simpler, one-dimensional tables are provided: each table is for a particular character that is the first in many pairs, and the entries contain the characters that are the second in these pairs, together with the corresponding kerning values.

Here are a few examples of glyph classes in the Minion Pro font for the first character in a kerning pair: (d i l u), (h m n), (j q), (b o p), (v w y), (D O Q), (H I), (V W); and for the second character in a pair: (f i m n r), (h k l), (j p t u), (c d e o q), (v w y), (C G O Q), (B D E F H I K L N P R).

A category of letters that lend themselves well to class-based kerning is those with diacritical marks. These letters can be added to the class of the base letter, and can stay together whether they are the first or second character in a pair: (a à á â), (e è é ê), etc. A letter cannot be included in the class if its kerning is different from the others in certain pairs (for example, vs. ).

Most modern office and desktop publishing systems support OpenType features, and hence class-based kerning.

Automatic and manual kerning

Three versions of "WAR" in the Clarendon typeface: The top version has no kerning, the middle version has some kerning. The bottom version has probably been overkerned for this character combination: the tightly spaced "WA" does not balance with the "AR" pair that cannot come closer. WAR Kerning.svg
Three versions of "WAR" in the Clarendon typeface: The top version has no kerning, the middle version has some kerning. The bottom version has probably been overkerned for this character combination: the tightly spaced "WA" does not balance with the "AR" pair that cannot come closer.

Automatic kerning refers to the kerning applied automatically by a program, as opposed to no kerning at all, or the kerning applied manually by the user. There are two types of automatic kerning: metric and optical. With metric kerning, the program directly uses the values found in the kerning tables included in the font file. Most systems with typographic features today provide this type of kerning. Optical kerning, on the other hand, is available only in the more advanced systems. With optical kerning, the program uses an algorithm to calculate, from their outlines, the optimal spacing for each pair of consecutive characters. With both types of automatic kerning, the system usually permits the user to specify a minimum font size for applying kerning, if the user feels that kerning is unnecessary for smaller font sizes.

With metric kerning, in a text that uses several fonts, the program must decide which kerning table to use when two consecutive characters belong to different fontsthe table from the font of the first character, or the second oneor to avoid kerning altogether. In this case, optical kerning is preferable. A common situation occurs when italic text ends with a roman symbol (right parenthesis or quotation mark, question mark, etc.) and the last letter's slant clashes with the symbol.

Manual kerning, available in some systems, permits the user to override the automatic kerning and to apply any kerning value directly to a pair of characters in a particular place in the text. When not available, this feature can be simulated by using, for those two characters, the function that modifies the space between characters in a block of text (usually called tracking).

When employed by a skilled person, manual kerning will usually give better results than optical kerning; for example, some characters that may appear to an algorithmic comparison to be spaced very closely together may appear to a human reader too far apart, especially when the only element of a glyph that is “too close” is a diacritic mark. Manual kerning may even be better than the metric kerning built into the kerning table by the font's designer, since these tables often have errors or omissions, or the difference may simply be a matter of personal preference.[ citation needed ]

Contextual kerning

Some words are particularly difficult to space. The name of the Okavango River in southwest Africa is difficult because the letters AVA fit together well, but this makes the spaces on either side seem very large. Either wider or tighter letter spacing may help here. Okavango River Sign.jpg
Some words are particularly difficult to space. The name of the Okavango River in southwest Africa is difficult because the letters AVA fit together well, but this makes the spaces on either side seem very large. Either wider or tighter letter spacing may help here.

Contextual kerning refers to positional adjustment that depends on more than two consecutive glyphs. For example, the spacing of a certain glyph may depend not only on the preceding glyph (as in ordinary kerning) but also on the one following it. Although rarely implemented in ordinary documents, contextual kerning is a concern in quality typography.

An example of a situation that demands contextual kerning in the Minion Pro font is the sequence of three characters f.” (f, period, quotation mark), as is often found at the end of a quotation. Using the font's kerning tables, the quotation mark is too close to the f, although without the period between them their spacing is adequate. The period, in other words, reduces their spacing instead of increasing it. The explanation is this: without the period, their kerning is a positive 121 (expressed as 1,000 units/em). The period's width is 228, but the kerning between f and the period is 5, and between the period and the quotation mark 138. The total is a positive 85, as opposed to the original 121: a net loss of 36 units, which explains why the quotation mark is now closer to the f. Contextual kerning would recognize the sequence of three characters, and would increase one or both inter-character spaces. A similar problem exists with the letters F, P, T, V, W, and Y; with comma rather than period; or with single rather than double quotation mark.

Contextual kerning is supported by the OpenType font format, but few font designers implement it, and probably no desktop publishing systems can currently use it. When important, the solution for a user is to employ manual kerning instead.

Kerning of subscripts and superscripts

While the OpenType math standard does not include support for kerning of subscripts or superscripts, Microsoft's implementation adds extensions to support this feature as of Office 2007. [9] [10]

Kerning tools

Font editors allow the user to modify the properties of a font, including its kerning table (if the font license permits it). They accomplish this by modifying the table found in the actual font file. The user can change the kerning value in existing pairs, or add new pairs.

A few desktop publishing systems[ which? ] allow the user to change or add kerning pairs without modifying the font file itself. The system merely applies to the user's document the new kerning values, in place of the values found in the font file.

Whether modifying the font file with a font editor or overriding it in a particular system, the user is limited to the existing kerning features. Thus, if one needs features like optical kerning, or contextual kerning, or kerning a pair of characters that belong to different fonts, and if the system lacks these features, other means must be employed.

Some desktop publishing systems permit developers to create plug-ins (extensions that perform a variety of functions that the system itself lacks), and this capability has also been used for kerning. In general, these plug-ins permit the user to apply a kerning change automatically to a certain character pair throughout an entire document, instead of applying it by searching manually for those pairs. So far only basic kerning features have been implemented through plug-ins, and it is unclear whether the more advanced features can be effectively implemented in this manner.

Instead of adding functionality to a desktop publishing system, a different approach is to export the document and process it outside that system. Any kerning features can then be applied to the document using tools ranging from ordinary text editors to programs specially developed for this task. The modified document is then imported back into the desktop publishing system. Many systems permit this operation, either by converting the document with import and export functions, or by making their internal document format an open standard. The benefit of this approach is that some complex typesetting functions that may be hard to implement through plug-ins (kerning in particular) may be relatively easy to implement through separate tools.

Kerning in browsers

The CSS property text-rendering: optimizeLegibility; enables kerning in Firefox, Chrome, Safari, [11] Opera, and the Android Browser. [12] Another CSS property, font-feature-settings, also enables kerning in Internet Explorer 10+, Chrome, Edge, Firefox, and the Android Browser. [13] [14] There is also a proposed CSS3 property font-kerning, [15] which is supported in the major browsers. [16] The CSS3 draft suggests that kerning should always be enabled for OpenType fonts. [15]

Some critics have proposed to replace (at least some) OpenType-style GPOS kerning with spacer glyphs using OpenType's Glyph Substitution Table (GSUB). [17]

Perception

Kerning contrasted with tracking (letter-spacing): with spacing the "kerning perception" is lost. While tracking adjusts the space between characters evenly, regardless of the characters, kerning adjusts the space based on character pairs. There is strong kerning between the "V" and the "A", and no kerning between the "S" and the "T". Tracking-vs-Kerning2.png
Kerning contrasted with tracking (letter-spacing): with spacing the "kerning perception" is lost. While tracking adjusts the space between characters evenly, regardless of the characters, kerning adjusts the space based on character pairs. There is strong kerning between the "V" and the "A", and no kerning between the "S" and the "T".

The human perception of kerning can vary with the intraword and interword spacing during reading. [18] Even without complete kerning control, the effect can be simulated by slight modifications to the space between letters. [19] For instance, on webpages with CSS1, a standard dating back to 1996, the letter-spacing property offers options for "lost" or "enhanced kerning perception" by simply making the space between letters non-uniform. The newer CSS3 standard includes the font-kerning property, which allows a complete control of kerning. [20]

See also

Related Research Articles

<span class="mw-page-title-main">Type design</span> Art of designing typefaces and fonts

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.

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

In writing, a space is a blank area that separates words, sentences, syllables and other written or printed glyphs (characters). Conventions for spacing vary among languages, and in some languages the spacing rules are complex. Inter-word spaces ease the reader's task of identifying words, and avoid outright ambiguities such as "now here" vs. "nowhere". They also provide convenient guides for where a human or program may start new lines.

OpenType is a format for scalable computer fonts. Derived from TrueType, it retains TrueType's basic structure but adds many intricate data structures for describing typographic behavior. OpenType is a registered trademark of Microsoft Corporation.

<span class="mw-page-title-main">Ligature (writing)</span> Glyph combining two or more letterforms

In writing and typography, a ligature occurs where two or more graphemes or letters are joined to form a single glyph. Examples are the characters ⟨æ⟩ and ⟨œ⟩ used in English and French, in which the letters ⟨a⟩ and ⟨e⟩ are joined for the first ligature and the letters ⟨o⟩ and ⟨e⟩ are joined for the second ligature. For stylistic and legibility reasons, ⟨f⟩ and ⟨i⟩ are often merged to create ⟨fi⟩ ; the same is true of ⟨s⟩ and ⟨t⟩ to create ⟨st⟩. The common ampersand, ⟨&⟩, developed from a ligature in which the handwritten Latin letters ⟨e⟩ and ⟨t⟩ were combined.

Arial Unicode MS is a TrueType font and the extended version of the font Arial. Compared to Arial, it includes higher line height, omits kerning pairs and adds enough glyphs to cover a large subset of Unicode 2.1—thus supporting most Microsoft code pages, but also requiring much more storage space. It also adds Ideographic layout tables, but unlike Arial, it mandates no smoothing in the 14–18 point range, and contains Roman (upright) glyphs only; there is no oblique (italic) version. Arial Unicode MS was previously distributed with Microsoft Office, but this ended in 2016 version. It is bundled with Mac OS X v10.5 and later. It may also be purchased separately from Ascender Corporation, who licenses the font from Microsoft.

<span class="mw-page-title-main">Small caps</span> Lowercase letters as small capitals

In typography, small caps are characters typeset with glyphs that resemble uppercase letters 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.

Apple Advanced Typography (AAT) is Apple Inc.'s computer technology for advanced font rendering, supporting internationalization and complex features for typographers, a successor to Apple's little-used QuickDraw GX font technology of the mid-1990s.

Letter spacing, character spacing or tracking is an optically consistent typographical adjustment to the space between letters to change the visual density of a line or block of text. Letter spacing is distinct from kerning, which adjusts the spacing of particular pairs of adjacent characters such as "7." which would appear to be badly spaced if left unadjusted, and leading, the spacing between lines.

In typesetting and page layout, alignment or range is the setting of text flow or image placement relative to a page, column (measure), table cell, or tab.

A whitespace character is a character data element that represents white space when text is rendered for display by a computer.

A Unicode font is a computer font that maps glyphs to code points defined in the Unicode Standard. The vast majority of modern computer fonts use Unicode mappings, even those fonts which only include glyphs for a single writing system, or even only support the basic Latin alphabet. Fonts which support a wide range of Unicode scripts and Unicode symbols are sometimes referred to as "pan-Unicode fonts", although as the maximum number of glyphs that can be defined in a TrueType font is restricted to 65,535, it is not possible for a single font to provide individual glyphs for all defined Unicode characters. This article lists some widely used Unicode fonts that support a comparatively large number and broad range of Unicode characters.

Apple's Macintosh computer supports a wide variety of fonts. This support was one of the features that initially distinguished it from other systems.

<span class="mw-page-title-main">River (typography)</span> Coincidental alignment of spaces in typesetting

In typography, rivers are gaps in typesetting which appear to run through a paragraph of text due to a coincidental alignment of spaces. Rivers can occur regardless of the spacing settings, but are most noticeable with wide inter-word spaces caused by full text justification or monospaced fonts. Rivers are less noticeable with proportional fonts, due to narrow spacing. Another cause of rivers is the close repetition of a long word or similar words at regular intervals, such as "maximization" with "minimization" or "optimization".

Microtypography is a range of methods for improving the readability and appearance of text, especially justified text. The methods reduce the appearance of large interword spaces and create edges to the text that appear more even. Microtypography methods can also increase reading comprehension of text, reducing the cognitive load of reading.

<span class="mw-page-title-main">Panorama (typesetting software)</span>

Panorama is a line layout and text composition engine to render text in various worldwide languages made by Bitstream Inc. Panorama uses Font Fusion as the base to support rendering of the text. The engine allows the user to manage different text formatting aspects like spacing, alignment, style effects.

<span class="mw-page-title-main">Unicode input</span> Input characters using their Unicode code points

Unicode input is the insertion of a specific Unicode character on a computer by a user; it is a common way to input characters not directly supported by a physical keyboard. Unicode characters can be produced either by selecting them from a display or by typing a certain sequence of keys on a physical keyboard. In addition, a character produced by one of these methods in one web page or document can be copied into another. In contrast to ASCII's 96 element character set, Unicode encodes hundreds of thousands of graphemes (characters) from almost all of the world's written languages and many other signs and symbols besides.

<span class="mw-page-title-main">Adobe Originals</span>

The Adobe Originals program is a series of digital typefaces created by Adobe Systems from 1989 for professional use, intended to be of extremely high design quality while offering a large feature set across many languages. Many are strongly influenced by research into classic designs from the past and calligraphy. Adobe Originals fonts are sold separately or with Adobe products such as InDesign.

<span class="mw-page-title-main">Web typography</span> Publishing considerations for the Web

Web typography, like typography generally, is the design of pages – their layout and typeface choices. Unlike traditional print-based typography, pages intended for display on the World Wide Web have additional technical challenges and – given its ability to change the presentation dynamically – additional opportunities. Early web page designs were very simple due to technology limitations; modern designs use Cascading Style Sheets (CSS), JavaScript and other techniques to deliver the typographer's and the client's vision.

A typographic approximation is a replacement of an element of the writing system with another glyph or glyphs. The replacement may be a nearly homographic character, a digraph, or a character string. An approximation is different from a typographical error in that an approximation is intentional and aims to preserve the visual appearance of the original. The concept of approximation also applies to the World Wide Web and other forms of textual information available via digital media, though usually at the level of characters, not glyphs.

References

  1. "Fonts : Type topics: Glossary". Adobe. Retrieved 2011-09-16.
  2. McGinnie, Louise (2013-11-28). "Kerning, spacing, leading: the invisible art of typography". The Conversation. Retrieved 2023-12-16.
  3. "kern | Definition of kern in English by Oxford Dictionaries". Oxford Dictionaries | English. Archived from the original on July 13, 2018. Retrieved 2018-07-13.
  4. "kern". Dictionary.com. Retrieved 13 November 2012.
  5. 1 2 "The Kerning Table". Microsoft.com. 2010-05-28. Retrieved 2014-08-07.
  6. Hoefler, Jonathan. "Adventures in Kerning, Part II". Hoefler & Co. Retrieved 24 June 2023.
  7. Pesala, Bhikkhu. "FontCreator". Softerviews.org. Retrieved 2014-08-07.
  8. "Developer Resources". Partners.adobe.com. 2009-07-14. Archived from the original on 2016-09-01. Retrieved 2014-08-07.
  9. "Special Capabilities of a Math Font".
  10. "Method and system of character placement in opentype fonts".
  11. "Cross-browser kerning-pairs & ligatures". Aestheticallyloyal.com. Archived from the original on 2012-11-06. Retrieved 2014-08-07.
  12. "Can I use Improved kerning pairs & ligatures". Caniuse.com. Retrieved 2014-08-07.
  13. "Kerning on the Web". Typekit.com. Retrieved 2019-02-08.
  14. "font-feature-settings". mozilla.org. Retrieved 2019-02-08.
  15. 1 2 The font-kerning property in the 2012's CSS3 Draft: http://www.w3.org/TR/css3-fonts/#font-kerning-prop
  16. "CSS3 font-kerning". Caniuse.com. Retrieved 2023-07-03.
  17. Kumar, Vinod (2006). "Kerning or Positioning Using Spacer Glyphs. Positioning with Spacers". Document Numérique. 9 (3–4): 69–85. doi:10.3166/dn.9.3-4.69-85 (inactive 2024-03-18). S2CID   13609756.{{cite journal}}: CS1 maint: DOI inactive as of March 2024 (link) also at http://www.cairn.info/revue-document-numerique-2006-3-page-69.htm
  18. Slattery, Timothy J.; Rayner, Keith (2013). "Effects of intraword and interword spacing on eye movements during reading: Exploring the optimal use of space in a line of text" (PDF). Attention, Perception, & Psychophysics. 75 (6): 1275–1292. doi: 10.3758/s13414-013-0463-8 . PMID   23709061. S2CID   30122450.
  19. Brumberger, Eva (2004). "The Rhetoric of Typography: Effects on Reading Time, Reading Comprehension, and Perceptions of Ethos". Technical Communication. 51 (1): 13–24.
  20. "CSS Fonts Module Level 3". W3.org. Retrieved 2014-08-07.