text:
Typeface anatomy
From Wikipedia, the free encyclopedia
Jump to: navigation, search
Typographic parts of a glyph: 1) x-height; 2) ascender line; 3) apex; 4) baseline; 5) ascender; 6) crossbar; 7) stem; 8) serif; 9) leg; 10) bowl; 11) counter; 12) collar/link/neck; 13) loop; 14) ear; 15) tie; 16) horizontal bar; 17) arm; 18) vertical bar; 19) cap height; 20) descender line.
Typeface anatomy describes the graphic elements that make up printed letters in a typeface.[1]
Contents
[hide]
1 Strokes
2 Terminals
3 Space
4 Proportions
5 Metal type era
6 See also
7 References
8 Further reading
9 External links
Strokes[edit]
The strokes are the components of a letterform.[2] Strokes may be straight, as in k l v w x z, or curved, as in c o s. If straight, they may be horizontal, vertical, or diagonal; if curved, open or closed. Typographers also speak of an instroke, where one starts writing the letter, as at the top of a c f, and an outstroke, where the pen leaves off, as at the bottom of c e j k t y.[3]
Typefaces are born from the struggle between rules and results. Squeezing a square about 1% helps it look more like a square; to appear the same height as a square, a circle must be measurably taller. The two strokes in an X aren't the same thickness, nor are their parallel edges actually parallel; the vertical stems of a lowercase alphabet are thinner than those of its capitals; the ascender on a d isn't the same length as the descender on a p, and so on. For the rational mind, type design can be a maddening game of drawing things differently in order to make them appear the same.
Hoefler & Frere-Jones[4]
A main vertical stroke is called a stem. The letter m has three, the left, middle, and right stems. The central stroke of an s is called the spine.[5] When the stroke is part of a lowercase[2] and rises above the height of an x (called the x height), it is called an ascender.[6] Letters with ascenders are b d f h k l. A stroke which drops below the baseline is a descender.[6] Letters with descenders are g j p q y. An arching stroke is called a shoulder as in the top of an R[2] or sometimes just an arch, as in h n m. A closed curved stroke is called a bowl in b d o p q D O P Q ; B has two bowls. A trailing outstroke, as in j y J Q R is called a tail. The inferior diagonal stroke in K is called leg.[7] A short horizontal stroke, as in the center of e f and the middle stroke of E F, is called a bar. When the strokes connect as in A and H or cross strokes as in t is also known as crossbar.[7] A longer horizontal stroke at the top or bottom, as in E T, is called an arm.[2] The bottom of the two-story g is called a loop; the very short stroke at the top is called the ear.[8] i j each have a dot, jot, or tittle.[8] Angles of strokes are called apices if at the top and vertices if at the bottom. w has one apex and two vertices; v has one vertex.[8]
The font shown in the example is stressed: strokes have varying widths. In this example, the stroke at the top of the g is thinner at the top and bottom than on the sides – a vertical stress.
Terminals[edit]
The terminals (ends) of instrokes and outstrokes often end in serif or sans-serif. A seriffed terminal may be described as a wedge, bulbous, teardrop, slab, etc., depending on the design of the type. Sorting typefaces can be practical based on its look. A clue feature is to define the serif style.[7] Some designs also have spurs, which are smaller than serifs and appear on angles rather than at a terminal, as on e or G.
Space[edit]
Areas of negative space (white space) formed by straight or curved strokes are called counters. Closed counters are found in a b d e g o p q A B D O P Q R, and open counters in a c e f h m n r s t u. The close counter in e is also named eye.[7] Angles of white space, as in w, are corners (w has three corners); the term is not used for angles of strokes. The small corner formed by a serif, whether curved or angular, is called the serif bracket.
Proportions[edit]
A subtle change in proportion impacts weight, perception, measure, and legibility. The letterform height compared to its stroke width modifies the aspect; this slight change in weight sometimes helps to create emphasis. The disparity between thick and thin strokes, known as stress, alters optical perception. As an example, the initial san serif typefaces used a constantly thin stroke. The technological advances allow drawing thinner strokes. Condense type occupies less space than expanded type, then the text written on a page can be reduced to half a page.The capline and x-height ratio improve or decrease word legibility.[2]
Metal type era[edit]
During the late metal type period, many fonts (particularly in American typefounding) were issued to "common line". This meant that they were made to standardised proportions, so that fonts of different typefaces could be mixed with no difficulty. This made it possible to mix typefaces from completely different genres such as sans-serifs and serifs and have the cap height, baseline and linespacing match perfectly, something not possible with most digital fonts. It even allowed mixing of different sizes of type with a consistent baseline. It however had the disadvantage of often forcing typefaces to be issued with cropped descenders compared to historical typefaces, to allow tight linespacing. A "script line" or "art line" was used for more delicate fonts with long descenders. Titling capitals, meanwhile, were issued taking up the whole space of the metal type area, with no room for descenders.
See also[edit]
Type design
Type foundry
Typography
Typesetting
References[edit]
Jump up ^ Studer, Anton (29 February 2016). "Is What I See What I Get? — Math & Optics in Type Design". Typographica. Retrieved 17 April 2016.
^ Jump up to: a b c d e Carter, Bob; Day, Ben; Meggs, Philip (2007). Typographic Design: Form and Communication. United States of America: John Wiley & Sons. p. 31. ISBN 9780471783909.
Jump up ^ Pecina, Martin; Březina, David (2008). "Type Anatomy 1.0". Typomil.
Jump up ^ "Introducing Ideal Sans". Fonts by Hoefler & Co. 4 May 2011.
Jump up ^ Bosler, Denise (2012-05-16). Mastering Type: The Essential Guide to Typography for Print and Web Design. F+W Media, Inc. p. 31. ISBN 1440313717. individual parts such as the spine of the S
^ Jump up to: a b Dean, Paul (11 April 2008). "eXtreme Type Terminology. Part Three: The 'Black Art'". I Love Typography.
^ Jump up to: a b c d Collen, Stephen. “Anatomy of Type: A Graphic Guide to 100 typefaces.” Harper Design, 2013.
^ Jump up to: a b c Dean, Paul (27 March 2008). "eXtreme Type Terminology. Part 2: Anatomy of a Letterform". I Love Typography.
Further reading[edit]
Gaskell, Philip (January 1976). "A nomenclature for the letterforms of roman type". Visible Language. 10 (1): 41–51.
External links[edit]
Wikimedia Commons has media related to Examples of typography terms.
Armannsson, Sigurdur (6 July 2009). "Wallpaper: Font Anatomy". Font.is. Full-size image (1920×1200)
Dean, Paul (2008). eXtreme Type Terminology – Part 1, Part 2, Part 3, Part 4 and Part 5
Devroye, Luc. "Hoefler & Frere-Jones". Retrieved 21 January 2015.
Frere-Jones, Tobias. "Typeface Mechanics: 001". Frere-Jones Type. Retrieved 17 April 2016.
Frere-Jones, Tobias. "Typeface Mechanics: 002". Frere-Jones Type. Retrieved 17 April 2016.
Coles, Stephen. "The Anatomy of Type". Blog for Coles' 2012 book The Anatomy of Type: A Graphic Guide to 100 Typefaces.
"Glossary". FontShop. Monotype.
[hide]
v
t
e
Typography terminology
Page
Canons of page construction
Column
Even working
Margin
Page numbering
Pagination
Pull quote
Recto and verso
Paragraph
Alignment
Justification
Leading
River
Sentence spacing
Widows and orphans
Character
Typeface anatomy
Counter
Diacritics
Dingbat
Glyph
Initial
Kerning
Letter-spacing
Ligature
Subscript and superscript
Swash
Text figures
Tittle
Capitalization
ALL CAPS
Camel Case
Letter case
Petite caps
Small caps
Visual distinction
Italics
Oblique
Bold
Color
Underline
𝔹𝕝𝕒𝕔𝕜𝕓𝕠𝕒𝕣𝕕 𝕓𝕠𝕝𝕕
𝕭𝖑𝖆𝖈𝖐𝖑𝖊𝖙𝖙𝖊𝖗
Infɑnt
Vertical aspects
Ascender
Baseline
Cap height
Descender
Median
Overshoot
x-height
Classifications
Roman type
Antiqua (old style)
Didone (modern)
Sans-serif
Script
Serif
Slab serif
Transitional
Reverse-contrast
Blackletter type
Fraktur
Rotunda
Schwabacher
Textualis
Gaelic type
Insular
Uncial
Specialist
Record type
Punctuation
Dashes
Hanging punctuation
Hyphen-minus
Hyphenation
Prime mark
Quotation mark
Typesetting
Calligraphy
etaoin shrdlu
Font
computer
monospaced
Font catalog
Letterpress
Lorem ipsum
Microtypography
Movable type
Pangram
Phototypesetting
Punchcutting
Type color
Type design
Typeface
Microprint
list
Typographic units
Agate
Cicero
Em
En
Figure space
Measure
Paren space
Pica
Point
traditional point-size names
Thin space
Digital typography
Character encoding
Font formats
Hinting
Rasterization
Typesetting software
Typographic features
Web typography
Related
Intentionally blank page
Style guide
Type foundry
Category
Commons
Portal
Retrieved from "https://en.wikipedia.org/w/index.php?title=Typeface_anatomy&oldid=835865029"
Categories:
Typography
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Create account
Log in
Namespaces
Article
Talk
Variants
Views
Read
Edit
View history
More
Search
Navigation
Main page
Contents
Featured content
Current events
Random article
Donate to Wikipedia
Wikipedia store
Interaction
Help
About Wikipedia
Community portal
Recent changes
Contact page
Tools
What links here
Related changes
Upload file
Special pages
Permanent link
Page information
Wikidata item
Cite this page
Print/export
Create a book
Download as PDF
Printable version
In other projects
Wikimedia Commons
Languages
Polski
Русский
Edit links
This page was last edited on 11 April 2018, at 07:14.
Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization.
Privacy policy
About Wikipedia
Disclaimers
Contact Wikipedia
Developers
Cookie statement
Mobile view
Enable previews

key: html

type: local

value: div

attrs: id class

values: mw-page-base noprint

values: mw-head-base noprint

value: a

attrs: id class lang

values: firstHeading firstHeading en

values: siteSub noprint

values: jump-to-nav mw-jump

attrs: href class title

attrs: class style

value: b

attrs: href title

value: sup

value: p

attrs: role tabindex class

values: button 0 togglelink

value: span

attrs: class dir xml:lang

values: toctitle ltr en

values: font-family: Georgia, serif; color: #006F00;

values: float: right; clear: right; margin: 0.5em 0 0.8em 1.4em; width:30%; padding: 10px; border: 1px solid #aaa; font-size: 88%; background-color: #F9F9F9;

values:
/wiki/Descender_(typography)
mw-redirect
Descender (typography)

values:
nofollow
external text
http://typomil.com/anatomy/index.html

values: commons:Category:Examples of typography terms

values:
nofollow
http://font.is/wallpaper-font-anatomy/
external text

values:
nofollow
external text
http://luc.devroye.org/usa-newyork.html

values:
nofollow
external text
http://typeanatomy.com

values:
nofollow
https://www.fontshop.com/glossary/
external text

values:
/wiki/Petite_caps
mw-redirect
Petite caps

values:
/wiki/Measure_(typography)
mw-redirect
Measure (typography)

values:
/wiki/Digital_typography
mw-redirect
Digital typography

values: nowraplinks hlist collapsible autocollapse navbox-inner

values:
catlinks mw-normal-catlinks
catlinks mw-normal-catlinks
interface

values: Discussion about edits from this IP address [ctrl-alt-n]

values: A list of edits made from this IP address [ctrl-alt-y]

values: You are encouraged to create an account and log in; however, it is not mandatory

values: You're encouraged to log in; however, it's not mandatory. [ctrl-alt-o]

values:
/wiki/Typeface_anatomy
View the content page [ctrl-alt-c]
c

values: Discussion about the content page [ctrl-alt-t]

values: p-namespaces navigation vectorTabs p-namespaces-label

values:
p-variants
navigation
vectorMenu emptyPortlet
p-variants-label

values: Past revisions of this page [ctrl-alt-h]

values: p-views navigation vectorTabs p-views-label

values:
p-cactions
navigation
vectorMenu emptyPortlet
p-cactions-label

values:
mw-wiki-logo
/wiki/Main_Page
Visit the main page

values:
/wiki/Main_Page
Visit the main page [ctrl-alt-z]
z

values: Featured content – the best of Wikipedia

values: Find background information on current events

values:
/wiki/Special:Random
Load a random article [ctrl-alt-x]
x

values: portal navigation p-navigation p-navigation-label

values: Guidance on how to use and edit Wikipedia

values: About the project, what you can do, where to find things

values: A list of recent changes in the wiki [ctrl-alt-r]

values: portal navigation p-interaction p-interaction-label

values: List of all English Wikipedia pages containing links to this page [ctrl-alt-j]

values: Recent changes in pages linked from this page [ctrl-alt-k]

values:
/wiki/Wikipedia:File_Upload_Wizard
Upload files [ctrl-alt-u]
u

values: A list of all special pages [ctrl-alt-q]

values: Permanent link to this revision of the page

values: Link to connected data repository item [ctrl-alt-g]

values: Printable version of this page [ctrl-alt-p]

values: portal navigation p-wikibase-otherprojects p-wikibase-otherprojects-label

values: Строение шрифта – Russian

values: /static/images/wikimedia-button-1.5x.png 1.5x, /static/images/wikimedia-button-2x.png 2x

values: /static/images/poweredby_mediawiki_132x47.png 1.5x, /static/images/poweredby_mediawiki_176x62.png 2x

values:
suggestions
display: none; font-size: 13px;

values: mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Typeface_anatomy rootpage-Typeface_anatomy skin-vector action-view