Anatomy of Typography
Anatomy of Typography
By
Paredro Editorial
-
November 6, 2015
0
56
Related notes
The origin of colors by country
7 things you should avoid if you are a freelance designer
The 3 keys to creating an impressive portfolio
So if you are still studying graphic design, it will be very useful for you to
consult, while if you are an advanced designer it will also be very useful for
you.
Anatomy of typography
Manuel Rivas March 21, 2011 5 Comments
All of us who work closely with design or in places where design has weight,
as is the case with journalists, know something about fonts. In most cases,
this knowledge is reduced to the differentiation between serif types (or with a
finish - from Roman, new Roman and Egyptian, we don't even talk -), sans
serif (without a finish, grotesque or dry wood) and, in some cases, scripts
(those that simulate manual writing). But there is a whole world of type
unknown to most people: the anatomy of typography.
Visually we could show it like this:
0 comments
You should also note that fonts have been modified over time, so their
elements have been added, lost, stylized according to the contextual
reasons of the moment.
Furthermore, knowing these terms perfectly will help you distinguish type
families, fonts and styles.
Knowing this, I am going to leave you with the most important parts
of typographic anatomy and what you should know about them.
Parts of typographic anatomy
APEX
Union of two poles at the top of the letter.
APOPHIGE
Small curved line that links the vertical shaft with the terminals or
finials.
POLE
Main feature of the letter that defines its essential form. Without
her, letter would not exist.
ASCENDING HORN
Shaft of the letter that protrudes above the height of the X (middle
eye).
DESCENDING HANDLE
Handle of the letter that is below the baseline.
WAVY ANTL OR THORN
Main feature of the S or the s.
ARM
Horizontal or diagonal line that arises from a vertical shaft.
LOOP OR BELLY
Curved line that encloses a countershape.
LINE
Lower extension of some features.
COUNTERFORM OR COUNTERPUNCH
Internal space of a letter totally or partially enclosed.
CROSS OR CROSSBOARD
Horizontal line that crosses some point of the main shaft.
NECK
Stroke that joins the head with the tail of the g.
SPUR
Extension that articulates the union of a curved line with a straight
one.
DROP, TEAR OR BUTTON
End of a stroke that does not end in a grace or finish, but with a
rounded shape.
SHOULDER OR ARCH
Curved stroke that emerges from the main stem of some letters
without ending up closing.
RIBBON
Line that joins the curve with the main shaft.
BUTTONHOLE
Loop created on the descender of the low case g.
EAR
Small stroke located at the head of the low case g.
PAW
Diagonal stroke that supports some letters. It can also be called a
queue.
NAIL OR HOOK
End of a stroke that does not end in a finish, but with a small
projection of a stroke.
VERTEX
Exterior meeting point between two strokes at the bottom of the
letter.
JEISSI
Anatomy of a typeface
WRITTEN BY JUAN MARTÍN · LEAVE A COMMENT
Any typeface has a more or less complicated development process. From the
simplest wooden ones to the decorative ornamental ones, they have to go through
a very elaborate study and follow mandatory guidelines and standards in order to
become usable sources.
Table of contents [ hide ]
How a font is created
o Font Terminology
Stem or antler
Upright pole
Bar, fillet, profile or crossbar
Serif or serif
Sin serif (Sans-serif)
Upward
Falling
Foot
Terminal or Drop
Shoulder or arch
Eye, internal white or hollow
Opening
Ring or belly
Arm
Ear
Ligature or neck
Eyelet or loop
Transverse pole, crossbar or cross
wavy antler or spike
Apex
Vertex
Streak
Line
Spur
Base line
x height
Capital Height
Line spacing
Box
Kerning or kerning
Traking or spacing between letters
How a font is created
The branches of design extend to many fields, some of them unknown to many,
one of them is the Font Designer whose work is broader than giving a name to a
letter so that it appears in the drop-down menu of the programs.
The number of terms and standards used is immense, even more so when there is
no general agreement to name the same aspect or characteristic.
This is due to translations made by third parties that have been spread, believing
them to be correct, or due to nomenclatures made personally. As there is no body
that regulates this aspect, there may be different words that define the same
aspect.
For that reason I am going to reduce the list a little so that it is not too heavy by
referring to this fact with several possible names, since many qualities appear or
not depending on the typeface designed.
Font Terminology
For all those who are starting out in the world of typography, whether to design a
new type of font or to be able to use them in some projects with greater ease, I
leave you below the description of the most important parts that you need to know.
Stem or antler
The stem or stem is the most important part with which a typeface is formed, it tells us the
thickness and size that all the letters within the same family will have and can be found in
some letters with the name of the stroke. Without him there would be no typography
Upright pole
The upright refers to the main strokes that make up a letter, such as "L", "B", "V" or "A",
whether vertical or oblique.
« Serif » comes from the Dutch word « schreef » whose translation can be
interpreted as «writing lines».
The term "s ans " comes from French and means " without ."
Upward
Some lowercase letters exceed the height of x , this area above the rest of the lowercase
letters is known as ascending and is typical of the letters "b", "d", "h", "k" and "l".
Falling
When the letters exceed the baseline on which the typeface rests, a zone called
descending is formed. Lowercase letters such as "g", "j", "p", "q" and "y" have descenders.
Unlike ascenders, some capital letters may be designed to exceed the baseline,
and this area would be descending.
Foot
As a general rule, the foot appears in fonts designed with a serif (serif) and at the bottom
of the shaft or stem . It rests on the baseline .
Terminal or Drop
This decorative element can be found at the end of a shaft or stem other than a serif .
These finials can be of different types, when the shape is round it is known as a drop ,
teardrop or button , while if it is of another type, for example conical, it is known as a
terminal .
Shoulder or arch
It is a curved stroke that does not finish closing and that comes out of the main shaft, the
shoulder is a characteristic of some letters such as "h", "m" or "n".
Ring or belly
The curved part that encloses the internal white or gap of letters such as "d", "b", "O" or "g"
is known as the ring or belly of the typeface. The curved strokes of the letter "c" are
sometimes known as a ring even though it is not closed.
Arm
The arms are the horizontal strokes that come out of the main shaft and that help form
letters such as "E", "T" or "Z". It is a characteristic mainly of capital letters.
Ear
It is a characteristic of the lowercase "g". The ear is a decorative element that comes out
of the upper right part of the ring .
Ligature or neck
The ligature or neck is also a genuine property of the lowercase letter "g" and is
responsible for joining the ring with the tail.
Eyelet or loop
In certain fonts, when the tail of the lowercase letter "g" is a closed element, it is called an
eyelet or loop.
Transverse pole, crossbar or cross
The stroke that crosses the main shaft of a lowercase letter to form characters such as "t"
and "f" is called the crossbar or cross, although it is sometimes also called the crossbar to
unify the definition of the horizontal stroke that forms the "A", "H" or "e".
Vertex
The vertex is formed at the bottom of a letter when two stems or strokes come together
Streak
Some letters do not have a vertical shaft , but they still have a main element. In the case of
the "N", "M" or "Y", the shaft is in a diagonal position and is called the stroke .
Line
The tail is a very common decorative stroke in capital letters such as "Q", "K" or "R". Some
lowercase serif letters with a descending part such as "g", "j" or "y" can also be considered
tail .
Spur
It serves as a union between a curved line and a straight line . Depending on the
typography, the spur may be more or less accentuated
Base line
The baseline is the imaginary line on which letters and other characters rest. Letters that
contain a descending part exceed this imaginary line.
x height
This measurement is the height of the lowercase letters that rest on the baseline without
counting ascenders or descenders , it is marked by the size of the letter "x", hence its
name.
Capital Height
The height of the capital letter is also known as " Cap Line ", it is an invisible line that
indicates the maximum height of capital letters and some lowercase letters with an
ascender.
Line spacing
It is the vertical space between lines of text and is measured from the baselines of each
line.
Box
It is the space that delimits the characters of a typographic font. There are two types of
boxes, the upper box for capital letters, capitals or capital letters, and the lower box for
lowercase letters.
Kerning or kerning
Kerning is the space between two characters, the horizontal distance that can be manually
modified to add or remove space between two letters.
A good place to locate the typeface we are looking for and be able to download it is
the font base that Google Fonts has with more than 800 font families.
Typography
Go to navigation Go to search
Several problems were detected in this article on art and literature , please edit
it to improve it:
Typography (from the Greek τύπος [types] , 'stroke' or 'imprint', and γράφω [gráfο] , 'to write')
is the art and technique of handling and selecting type to create printing works.
The typographer Stanley Morison defined it as:
Art of correctly arranging printing material, according to a specific purpose: that of placing letters,
distributing space and organizing type with a view to providing the reader with maximum help in
understanding the verbally written text.
Morrison (1936)
The printing method that makes use of types is also called "typography or letterpress printing" (
letterpress ) as opposed to other existing methods, such as offset printing, digital printing, etc.
Index
1 Definitions of typography
2 History
o 2.1 Gothic and Renaissance
2.1.1 Techniques
2.1.2 The first Roman typeface families, classic or serif
o 2.2 Industrialization, 19th century: linotype and monotype
o 2.3 Photocomposition
o 2.4 Digital era: TeX, PostScript, desktop publishing
3 Characteristics of the types
o 3.1 Anatomy of the letter
4 Classification of types
o 4.1 Historical classification
o 4.2 Classification by shape (serif/sans-serif)
o 4.3 Monospaced/adjusted
o 4.4 Those who print
o 4.5 The Whites
5 Typography: typographic measurements
6 Metric
7 Typographic elements
o 7.1 Justification or alignment
o 7.2 Spacing ( tracking )
o 7.3 Width or thickness
o 7.4 Line spacing
8 Digital typography
o 8.1 Typography for web
o 8.2 Computer fonts
9 Teaching
o 9.1 Studies in Spain and Latin America
10 See also
11 References
o 11.1 Bibliography
12 External links
Definitions of typography
Typography is called the task or trade and industry that deals with the choice and use of types
(letters designed with a unity of style) to develop a printing task, which refers to the elements
letters , numbers and symbols belonging to printed content, whether in physical or digital
format.
It is important to keep in mind what you want to communicate, because this will define which
type is the most representative for the intended intention.
Microtypography or detail typography
The term Mikrotypografie ('microtypography') was first applied in a speech given at the
Munich Typographical Society. It has since become widespread in the specialized
literature. However, it can also be replaced by an English word, Detailtypografie ("detail
typography"). It includes the following items: the letter, the space between letters, the
word, the space between the words, the line spacing and the column. 1 It has three
important functions: visual weight, kerning and line spacing.
Macrotypography
Macrotypography focuses on the typeface, the style of the letter and the body of the
letter.
Editing Typography
It brings together typographic issues related to families, letter size, spaces between
letters and words; intertype and interline and the measure of line and column or box,
that is, those units that grant a normative character. 2
Creative Typography
This contemplates communication as a visual metaphor, where the text not only has a
linguistic functionality, and where sometimes, it is represented graphically, as if it were
an image. 2
History [ edit ]
For before the invention of the printing press, see: Manuscript and
Calligraphy .
Gothic and Renaissance
After the Second World War, the first steps were taken in the creation of
machines that would allow mechanical typesetters to be replaced by
photographic systems, but it was not until 1956 when the first phototypesetting
machine was marketed, improving the traditional linotype and monotype
machines.
In the 1960s, the use of cathode ray tubes increased productivity and had a
great impact on the printing industry. 6
Digital age : TeX, PostScript, desktop publishing
PostScript is a language that encodes descriptive information, regardless of
resolution or system.
Typographic elements: Á á É é Í í Ó ó Ú ú Ü ü Ñ ñ • ¡¿ «» - † º ª • Â Å â Ĉ
ĉÊêŜŝ•ČčĆćĐ𩹮ž•ÄäËëÖöÜü•Çç•ĀāåĒēĪīŌōŪ
ū•ß•ÐðÞþ•ÆæŒœ•–—•~|°§→•≈±−×¹²³•'“'”•£€•Αα
ΒβΓγΔδ•ΕεΖζΗηΘθ•ΙιΚκΛλΜμ•ΝνΞξΟοΠπ•ΡρΣσς
ΤτΥυ•ΦφΧχΨψΩωøØ
Anatomy of the letter
Parts that make up a type:
Typefaces are classified through styles by their shape and also by the time in
which they were designed.
Historical classification
The first movable type created by Johannes Gutenberg imitated the
handwriting of the Middle Ages . For this reason, it is not surprising that the
first types that began to be merged were the Gothic or fraktur letter in
Germany and the humanistic or Roman (also called Venetian) letter in Italy.
The evolution of typographic design has made it possible to establish a
classification of typefaces by styles generally linked to the periods in which the
typeface families were created.
Humanistic or Venetian
Those first types created in Italy, shortly after the printing press was invented, are
known by this name; They imitated the Italian calligraphy of the time. Likewise, those
foundries that, without being from this time (15th century), are inspired by them are
called humanistic. It is created on the outskirts of the city of Venice, Mestre. Generating
great controversy about the exact origin of this type of calligraphy.
The sans serif type is based on Roman proportions. The inscriptional capitals and the
low case design of the Roman ones of the 15th–16th centuries. They are not monoline
and are a version of the Roman one but without serifs. Some examples of these types:
Gill Sans , Stone Sans, Optima .
Edward Johston, calligrapher of the time, with his creation of the Palo Seco type for the
London Underground in 1916 meant a great step in relation to the usual characteristics
until then present in these types.
Ancient or Roman
Historically, ancient types are those used by Aldo Manucio in his Venetian printing
press starting in 1495 and all those that have been made later but are influenced by
them or are later adaptations. Like the humanistic typographic families, they have a
great calligraphic influence but are more refined, because the matrix carvers had
acquired more skill in making typographic pieces.
Transitional or real
They are from the 17th century belonging to the first Industrial Revolution (England).
The main characteristic of these is that several characters enter the same line, the
apex is in the shape of a drop, and the lowercase letters are higher than in the case of
humanists and garaldas.
These characteristic shapes also correspond to the fact that they are used in the
famous TIMES newspaper (in which they use the Times New Roman font created by
Morrison). The narrow and tall letters achieve good visualization for the reader and
several characters enter on the same line, this would help them to perfectly
accommodate the information.
modern
In 1784 Firmín Didot created the first modern type. This had formal characters such as
a deep modulation and contrast between the strokes and clear finishes that in another
era would not have been able to be carved. This style was improved with the creation
of the Italian Bodoni and was used as a running text until the beginning of the 19th
century .
Egyptians or Mechanics
They are those with great finishes that deviate from traditional features such as
calligraphy. Also called mechanical, they exaggerate the finishes of modern ones,
producing a striking appearance, revealing firmer lines. The contrasts of the stroke are
variants, the mechanical types are characterized by their monolinear structure and
flattened features, simplified geometric shapes are also perceived and in general of a
single thickness in the stroke, the serif is almost the same thickness as the batons of
the letters . They emerged from industrialization at the end of the 18th century and the
beginning of the 19th century. Examples: Serifa, Rockwell, Clarendon.
Dry stick or sans serif
Those that do not have finishes. It was not possible to establish a date on which the
first ones appeared since in some catalogs tall case letters without endings appeared
as early as the 19th century.
Classification by shape
(serif/sans-serif) [ edit ]
Typography:
typographic
measurements [ edit ]
Main article: Typography
Metric
Most scriptures share the notion of a
baseline: an imaginary horizontal line
upon which characters rest. In some
scripts, there are parts of glyphs that
go below the baseline slope that
spans the distance between the
baseline and the lowest descending
glyph of a typeface, and the part of a
glyph that descends below The
bottom line has the well-known
descendant. Conversely, rise
traverses the distance between the
baseline and the top of the glyph
reaching as far as possible from the
baseline. Rise and slope may or may
not include distance added by
accents or diacritics.
In Latin, Greek, and Cyrillic scripts
(sometimes collectively designated
as LGC) they may refer to the
distance from the bottom to the top
of glyphs, the lowercase (bad line)
as x-height, and the part of a glyph
that rises above the x-height as
ascendant. The distance from the
baseline to the top of the rise or
regular capital glyphs (cap line) is
also known as the cap height. 7 The
height of the ascender can have a
dramatic effect on the readability and
appearance of a casting. The
quotient between the x-height and
the height of the rise or the cap often
serves to characterize it. To measure
the height of the letters, a typometer
is used, which is a graduated ruler
where centimeters and millimeters
appear on one side, and ciceros and
points on the other.
Typographic
elements [ edit ]
Justification or alignment
Justifying or aligning text is the way
to arrange the lines in the box. That
is, it is the way they align with each
other, leaning on one side, in the
center or achieving a whimsical
shape. Taking into account that the
word "box" appeals to the ancient
method of arranging types (letters) in
a wooden container to form columns,
we can clearly imagine the lines
leaning to the left on a column, for
example.
The names given to the ways of
justifying a text vary occasionally
between different countries, but we
can say that the most common are:
Digital typography
The word processors of
today's computers have a
wide range of types - also
incorrectly called, due to the
influence of English, font -,
both of one type and
another.
The Times New Roman font
was originally designed for
the English newspaper The
Times . This type of font
achieved great legibility and
excellent use of space,
which is why its use soon
became widespread in
printed media and, above
all, in the press. The great
popularity of Times New
Roman is a point in its favor
for its use even in electronic
media, but for long texts in
electronic format it can
cause fatigue, precisely
because the way in which
the eye perceives the edges
in this format is just the
opposite than on paper
since due to the low
resolution of the monitors,
the serifs end up distorting
the outline of the glyph. This
is because small curves are
very difficult to reproduce on
screen pixels. Obviously, the
separation between lines
also influences the
readability of an electronic
text. For letters and emails
both types of fonts are
appropriate, while for reports
and contracts (generally
long ones) serif fonts are
more suitable.
Typography for web [
edit ]
It is possible to affirm that all
types whose design is the
same or similar to classical
Latin (Roman) types are
those that offer the best
legibility. To date, the type
that offers maximum
legibility in printed
documents is Times New
Roman designed by Stanley
Morison in 1932 to be used
especially for the London
newspaper The Times .
However, for the Internet,
there are those who
consider that one of the best
font families is Verdana ,
because it does not have
serifs that distort, which is
why it is one of the legible
ones even at tiny sizes on
monitors.
Computer typefaces
Main article: Typeface
Teaching
Studies in Spain and
Latin America [ edit ]
For your academic success it is necessary to know how to write a good essay.
With these tips you will have the necessary tools to write a good thesis.
All parts of your essay are equally important, know how to write them
correctly.
It is very common that when writing an essay all the ideas we had disappear and
the mind goes blank.
The development is nothing more and nothing less than the body of the essay .
This is where you must present the arguments that support the hypothesis.
Remember to include quotes, sources and references, as they give truth to the
work.
The conclusion is the final part of the essay. In it we can recapitulate the main
lines of argument following a line from the hypothesis and end by giving our
point of view or final resolution of the topic.
In this guide you will learn in 5 simple steps how to write an essay based on a
question or topic given by your school or university teacher. You can also create it
from a theme that you have defined.
The word “essay” is derived from the Latin “ exagium ” and means “Presentation of
a case.” And unlike the scientific essay, it does not always require that your
opinions be supported with quotes or sources. Although doing so enriches it.
TO NOTE:
An essay serves to present an introduction to a deeper topic, based on a
critical evaluation of it. Its main goal is to convince the reader—or at least
suggest—about the ideas that the author has on a particular topic.
The essay should always be written thinking about a reader who does not know
(but understands) in depth the topic on which it is based.
Its character can be literary, scientific, academic, social, political or artistic, among
others. They are usually made up of three fundamental parts (although some may
not expressly contain a question):
An affirmation
A question: which ones, how, where, what, why...
A request: explain, define, give examples, support, express your opinion...
Normally the key theme is found in the statement. Pay special attention to this part.
A good strategy is to copy the question on paper or on your computer and highlight
the most relevant words: nouns, verbs, adjectives:
We share this example taken from the Oxford Dictionaries English page of the post
“how to understand the essay question” :
Assesses the risks of world war during the Cuban missile crisis.
The verb evaluate is the request they are making to the author.
World war, crisis, risks and Cuban missiles are nouns that stand out by themselves
within the phrase. They are the theme.
TO NOTE:
Extract from the question the topic that the essay will discuss.
Understand what they are asking you to develop from that question.
1.2 Analysis of the topic:
It is very likely that the topic on which you are going to write your essay is a topic
that you have previously seen in class or that you have read or studied on your
own, which will make the process easier.
But, if it is a topic that you do not know in depth, informing yourself before starting
to write is going to be crucial.
Don't worry! You don't have to be an expert on the topic, but you do have to
focus on what is most important for the question that has been asked.
Remember the previous point. The topic you are going to analyze is the topic that
you extracted from the analysis of the essay question.
The Cuban missile crisis is one of the topics you will have to investigate. And the
emphasis you must make is to establish the risks that a third world war could break
out due to this situation.
You see?
It is about doing a thorough analysis of the words that make up the essay question
in order to understand it in its entirety.
Everything that expands your knowledge on the subject will be of great help to
inform you, know other opinions and thus compare them with yours. And thinking
about it in an organized way will help you make the most of your time.
TO KEEP IN MIND : take note of those things that you consider relevant to you.
They will be essential when starting to write the essay.
Why is it important that you organize the development of the topic in several
paragraphs? Because this way you will be able to present a main idea, defend or
support a position regarding the situation and provide references that support or
support your essay.
By doing it in several paragraphs it will be easier for the reader to understand the
entire text.
At this point, do not think about the final order of the essay but rather about the
order in which you are going to address the topic as such, related to the essay
question.
TO KEEP IN MIND: to write an academic essay there are no rules about its length,
you will define that and above all, the information it includes.
If you like physical dictionaries, make sure you have one on hand or one of the
best online dictionaries that you like the most.
It all depends on your preferences. There are people who prefer to write on paper
and then transcribe the final text, while others prefer to write directly on the
computer and make corrections as they go.
What we do recommend and we emphasize this is that you always take notes
throughout the analysis of the essay question and the investigation of the topic.
Notes are one of the inputs that the author cannot do without.
Make sure it is a clear and short paragraph. And, attractive to hook the reader.
TO NOTE: It is very important that you be persuasive at this point! The introduction
is the first part of your essay, a gateway to a deeper and larger text.
This part also includes the evidence and evidence that supports your opinion.
3.3 Conclusions:
It is a brief summary of the most relevant ideas of the essay. If in the introduction
you attract the reader to read the essay, in the conclusions you leave important
points to think about.
Make a list of at least 10 titles that condense the topic of your essay.
Test each title with your friends, colleagues or family.
Ask them what they think your essay will be about when you read them.
Choose the best.
TO NOTE:
The title is the first thing your teacher and your readers will see.
The title is the last thing you should write. Not the first. You know why? Exact!
because in the end the information you will have in your mind will be organized and
much clearer.
Put yourself in the reader's shoes: when you were doing the research, which
information caught your attention the most: the one with fresh and simple titles or the
ones with confusing and far-fetched titles?
Make the title credible and at the same time easy to understand.
Let it not be too long. That can distract the reader and prevent them from reading
your essay.
Make it consistent. That is, it is directly related to the theme developed throughout
the entire essay.
The first thing you should do once you finish writing your essay is to get away from
the paper or the computer screen.
Go and do another activity. Go for a walk with your pet, watch an episode of a
series, prepare a meal as compensation for your dedication and effort, or simply
rest.
When you return, your mind and eyes will be rested and that will allow you to
detect typing, grammar, formatting or spelling errors:
If you were asked to submit the essay as a written work is presented, this post will
be of great help to finalize the details before printing or sending it digitally: How to
present a written work .