HOME

TheInfoList



OR:

upright 2.0, alt=A diagram showing the line terms used in typography In
typography Typography is the art and technique of Typesetting, arranging type to make written language legibility, legible, readability, readable and beauty, appealing when displayed. The arrangement of type involves selecting typefaces, Point (typogra ...
, the x-height, or corpus size, is the distance between the baseline and the mean line of lowercase letters in a
typeface A typeface (or font family) is a design of Letter (alphabet), letters, Numerical digit, numbers and other symbols, to be used in printing or for electronic display. Most typefaces include variations in size (e.g., 24 point), weight (e.g., light, ...
. Typically, this is the height of the letter ''x'' in the font (the source of the term), as well as the letters ''v'', ''w'', and ''z''. (Curved letters such as ''a'', ''c'', ''e'', ''m'', ''n'', ''o'', ''r'', ''s'', and ''u'' tend to exceed the x-height slightly, due to overshoot; ''i'' has a dot that tends to go above x-height.) One of the most important dimensions of a font, x-height defines how high lowercase letters without ascenders are compared to the
cap height In typography, cap height is the height of a capital letter above the baseline for a particular typeface A typeface (or font family) is a design of Letter (alphabet), letters, Numerical digit, numbers and other symbols, to be used in printing ...
of uppercase letters.
Display typeface A display typeface is a typeface that is intended for use in display type (display copy) at large sizes for titles, headings, pull quotes, and other eye-catching elements, rather than for extended passages of body text. Display typefaces will ...
s intended to be used at large sizes, such as on signs and posters, vary in x-height. Many have high x-heights to be read clearly from a distance. This, though, is not universal: some display typefaces such as
Cochin Kochi ( , ), formerly known as Cochin ( ), is a major port city along the Malabar Coast of India bordering the Laccadive Sea. It is part of the district of Ernakulam in the state of Kerala. The city is also commonly referred to as Ernaku ...
and Koch-Antiqua intended for publicity uses have low x-heights, to give them a more elegant, delicate appearance, a mannerism that was particularly common in the early twentieth century. Many sans-serif designs that are intended for display text have high x-heights, such as
Helvetica Helvetica, also known by its original name Neue Haas Grotesk, is a widely-used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger and Eduard Hoffmann. Helvetica is a neo-grotesque design, one influenced by the f ...
or, more extremely,
Impact Impact may refer to: * Impact (mechanics), a large force or mechanical shock over a short period of time * Impact, Texas, a town in Taylor County, Texas, US Science and technology * Impact crater, a meteor crater caused by an impact event * Imp ...
.


Design considerations

Medium x-heights are found on fonts intended for body text, allowing more balance and contrast between upper- and
lowercase Letter case is the distinction between the letters that are in larger uppercase or capitals (more formally ''majuscule'') and smaller lowercase (more formally '' minuscule'') in the written representation of certain languages. The writing system ...
letters and a brighter page. They then increase again for optical sizes of fonts designed for small print, such as captions, so that they can be clearly read printed small. High x-heights on display typefaces were particularly common in designs in the 1960s and '70s, when
International Typeface Corporation The International Typeface Corporation (ITC) was a type manufacturer founded in New York in 1970 by Aaron Burns, Herb Lubalin and Edward Rondthaler. The company was one of the world's first type foundries to have no history in the production of ...
released popular variations of older designs with boosted x-heights; notable examples of this trend include Avant Garde Gothic and ITC Garamond. More recently, some typefaces such as Mrs Eaves, Neutraface and Brandon Grotesque have been issued with distinctively low x-heights to try to create a more elegant appearance. While computers allow fonts to be printed at any size, professional font designers such as Adobe issue fonts in a range of optical sizes optimized to be printed at different sizes. As an example of this, Mrs Eaves exists in two versions: an original style intended to give an elegant, bright appearance, and a less distinctive 'XL' design intended for body text. Some research has suggested that while higher x-heights may help with reading smaller text, a very high x-height may be counterproductive, possibly because it becomes harder to identify the shape of a word if every letter is nearly the same height. For the same reason, some sign manuals discourage all-capitals text.


Use in web design

In
computing Computing is any goal-oriented activity requiring, benefiting from, or creating computer, computing machinery. It includes the study and experimentation of algorithmic processes, and the development of both computer hardware, hardware and softw ...
one use of x-height is as a unit of measurement in
web page A web page (or webpage) is a World Wide Web, Web document that is accessed in a web browser. A website typically consists of many web pages hyperlink, linked together under a common domain name. The term "web page" is therefore a metaphor of pap ...
s. In CSS and
LaTeX Latex is an emulsion (stable dispersion) of polymer microparticles in water. Latices are found in nature, but synthetic latices are common as well. In nature, latex is found as a wikt:milky, milky fluid, which is present in 10% of all floweri ...
the x-height is called an ''ex''. The use of ex in dimensioning objects, however, is less stable than use of the em across browsers.
Internet Explorer Internet Explorer (formerly Microsoft Internet Explorer and Windows Internet Explorer, commonly abbreviated as IE or MSIE) is a deprecation, retired series of graphical user interface, graphical web browsers developed by Microsoft that were u ...
, for example, dimensions ex at exactly one half of em, whereas
Mozilla Firefox Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. It uses the Gecko rendering engine to display web pages, which implements curren ...
dimensions ex closer to the actual x-height of the
font In metal typesetting, a font is a particular size, weight and style of a ''typeface'', defined as the set of fonts that share an overall design. For instance, the typeface Bauer Bodoni (shown in the figure) includes fonts " Roman" (or "regul ...
, rounded relative to the font's current
pixel In digital imaging, a pixel (abbreviated px), pel, or picture element is the smallest addressable element in a Raster graphics, raster image, or the smallest addressable element in a dot matrix display device. In most digital display devices, p ...
height. Thus, the exact ratio of ex to em can vary by font size within a browser if the determined values are rounded to the nearest whole unit. For example, a browser calculating an x-height of 45% on a font 10 pixels tall may round ex to either 4 pixels or 5 pixels or leave it at 4.5 pixels.


Other important dimensions

Lowercase letters whose height is greater than the x-height either have
descender In typography and handwriting, a descender is the portion of a grapheme that extends below the Baseline (typography), baseline of a typeface, font. For example, in the letter ''y'', the descender is the "tail", or that portion of the diagonal li ...
s which extend below the baseline, such as ''y'', ''g'', ''q'', and ''p'', or have ascenders which extend above the x-height, such as ''l'', ''k'', ''b'', and ''d''. The ratio of the x-height to the body height is one of the major characteristics that defines the appearance of a typeface. The height of the capital letters is referred to as
cap height In typography, cap height is the height of a capital letter above the baseline for a particular typeface A typeface (or font family) is a design of Letter (alphabet), letters, Numerical digit, numbers and other symbols, to be used in printing ...
. x-height is most important in regular designs, such as most serif and sans-serif designs;
script typeface Script typefaces are based on the varied and often fluid stroke created by handwriting. They are generally used for display or trade printing, rather than for extended body text in the Latin alphabet. Some Greek alphabet typefaces, especially ...
s that mimic irregular handwriting and calligraphy may not have a consistent x-height across all letters.


See also

*
En (typography) An en (from English '' en quadrat'') is a typographic unit, half of the width of an em. By definition, it is equivalent to half of the body height of the typeface (e.g., in 16- point type it is 8 points). The en is sometimes referred to as th ...
*
Small caps In typography, small caps (short for small capitals) are grapheme, characters typeset with glyphs that resemble uppercase letters but reduced in height and weight close to the surrounding lowercase letters or text figures. Small caps are used i ...
*
Typeface anatomy Typeface anatomy describes the graphic elements that make up letters in a typeface. Strokes The ''strokes'' are the components of a letterform. Strokes may be ''straight'', as in , or ''curved'', as in . If straight, they may be ''horizont ...


References


Notes


External links


Definition of x-height at typophile.com


{{DEFAULTSORT:X-Height Typography