TIPOGRAFÍA

LA LETRA
• Partes de la letra
• Alturas
• Trazo y modulación
• Clasificación tipográfica

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

Partes de la letra Terminal, gracia,

remate, serifa Panza
Ápice o
lóbulo

Brazo o Trazo
travesaño descendente Contorno
Terminal, gracia, exterior
remate, serifa Contrapunzón
Trazo u ojo
principal Unión o Contrapunzón
o asta punto de u ojo
enlace
Asta o
Terminal, gracia, Hombro filete
remate, serifa Trazo
Ápice o
lóbulo ascendente

Uña o Contorno
Trazo interior
diagonal gancho

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Alturas
Dependiendo del cuerpo que el diseñador haya elegido para trabajar las medidas y proporciones entre las
diferentes alturas de las letras se influenciará en su legibilidad y el espacio que ocupe al reproducirse.

Altura de ascendentes
Altura de mayúsculas
Altura de x
Línea base
Altura de descendentes

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Trazo y modulación
Se origina al trazar una letra con alguna herramienta caligráfica. Al ser usados como modelos para los
primeros tipos móviles fue una característica heredada. Depende del eje y el ángulo con el que se traza.
Eje Trazo Remates o serifas

•Eje oblicuo (humanista) •Eje vertical

•Eje vertical implícito
•Trazo modulado •Trazo contrastante
•Trazo sin contraste
•Serifas inclinadas o rectas •Serifas delgadas

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Clasificación de las fuentes

(Por su función y forma)
La siguiente clasificación toma como referencia varias clasificaciones y busca simplificarlas.

Con serifa Romanas Antiguas, Romanas de Transición,

Romanas Modernas, Egipcias, Posmodernas

Intermedias Incisas, Semiserif

Sin serifa Geométrica, Realista, Humanista

Para impresión
Caligráficas Góticas, Unciales, Escrituras

Fuentes Título Históricas, Fantasía

Misceláneas Íconos, Bordes

Otros soportes
Pantalla Pixel

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Con serifa • Romana Antigua (Garalda)

Garamond
abpfoe Stempel
Regular Italic

abpfoe
Bold Bold Italic
123 123 versalitas

Diseñada en 1924, es la
•Eje oblicuo (humanista)
•Trazo modulado
única de las versiones basada
•Serifas inclinadas o en una romana e itálica de
rectas
• Apertura grande
Claude Garamond.
• Itálica independiente

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Con serifa • Romana de transición (Barroca)

abpfoe Adobe Caslon

abpfoe
Regular Italic
Semibold Semibold Italic
Bold Bold Italic
123 123 versalitas
•Eje oblicuo o vertical (en o)
•Trazo modulado
•Serifas y ápices modelados
• Apertura moderada
• Itálica independiente

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Con serifa • Romana moderna (Didona)

abpfoe Bauer Bodoni

Regular Italic Bold Bold

abpfoe
Italic Black
123 123 versalitas

Basado en el trabajo que

• Eje vertical realizó GIAMBATTISTA
• Trazo contrastante
• Serifas delgadas y ápices
BODONI entre 1765 a 1813.
en gota o redondeados Digitalizado de
• Apertura pequeña
• Itálica relacionada a la regular
una versión de 1930
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Con serifa • Egipcia (Mecana)

abpfoe Clarendon
Light Regular Bold

Basada en las fuentes

diseñadas en Inglaterra en
1845. Originalmente no tiene
• Eje vertical
• Trazo modulado
itálicas.
• Serifas de grosor similar al asta
• Apertura muy pequeña
• Originalmente sin itálica

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Con serifa • Posmodernas

abpfoe Rayuela
Ligera Ligera Itálica
Regular Italica

abpfoe Chocolate LUZ abc TUV

BC 123 versalitas JG

Trabajo realizado en 2001 por

• Eje variado
• Trazo variado
Alejandro Lo Celso en honor
• Serifas y ápices modelados a la obra de Julio Cortázar.
• Apertura moderada Se amplió en 2006.
• Itálica independiente

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Intermedias • Incisas

abpfoe Optima
Roman Italic Medium Medium Italic

abpfoe
Demi Demi Italic Bold Bold Italic
Black Black Italic
Extra Black Extra Black Italic

Lanzada en 1958 al mercado,

diseñada por Hermann Zapf.
• Eje vertical
En el 2003 salió una versión revisada
• Trazo modulado o recto (en algunas fuentes)
• Serifas y ápices modelados con itálicas auténticas.
• Apertura moderada
• La itálica es la regular inclinada o
independiente

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Intermedias • Semiserif

abpfoe Rotis Semi serif

nxhu
Regular Bold

Parte de la familia Rotis creada

por Otl Aicher, paso intermedio
entre una letra con serifas
• Eje vertical y una sin estas.
• Trazo modulado o recto (en algunas fuentes)
• Serifas modeladas y ocasionales
• Apertura variada
• Puede tener o no itálica

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Sin serif • Realista

abpfoe Helvetica Neue

Thin Thin Italic Ultra Light Ultra Light Italic
Light Light Italic Roman Italic

abpfoe
Medium Medium Italic
Bold Bold Italic Heavy Heavy Italic
Black Black Italic
Condensed Extended

La primera versión data de 1958.

• Eje vertical implícito Para inicios de los ochentas se
• Trazo recto no geométrico redibujó y aumentó mayor cantidad
• Sin serifas
de variables a la familia original.
• Apertura pequeña
• La itálica es la regular
inclinada

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Sin serif • Geométrica

Futura
abpfoe Light Light Oblique
Book Oblique

abpfoe
Medium Medium Oblique
Heavy Heavy Oblique
Bold Bold Oblique
Extra Bold
Extra Bold Oblique
• Eje vertical implícito
• Trazo recto Obra de Paul Rener en 1927.
• Sin serifas Al comienzo tuvo versiones más
• Apertura pequeña abstractas.
• La itálica es la regular
inclinada

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Sin serif • Humanista

abpfoe Gill Sans

Light Light Italic

abpfoe
Regular Italic
Bold Bold Italic
Extra Bold
Ultra Bold

• Eje variado Eric Gill es el autor

• Trazo variado de esta fuente
• Sin serifas de los años 20 del siglo xx.
• Apertura pequeña
• La itálica es independiente

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Caligráficas

Basada en las escrituras

históricas. Buscan emular
las formas fluidas del
trazo manual.

Darka, fuente del 2006

del diseñador mexicano
Gabriel Martínez Meave.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Caligráficas Champion Script fuente de Panos Vassiliou con 4280 glifos por fuente en los
sistemas de escritura latino, griego y cirílico.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Título

Trajan
Son fuentes que sólo
sirven para textos cortos,
ya sea por palabras o en
párrafos pequeños. Regular Bold
Trajan es una fuente
inspirada en las romanas Basada en los textos tallados
capitulares usadas
durante el Imperio
en la columna trajana
Romano. del siglo ii d.c. Diseño
de Carol Twombly en 1989.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Título

COPAL
outline solid

Inspirada por los

jeroglíficos mayas
de centroamérica
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Miscelánea

En esta categoría se
encuentran todas las
fuentes que no tienen
signos alfabéticos sino
gráficos o ilustraciones.
FF Dingbats fue lanzada
primero en 1993. Para el
2009 salió una ampliación
y actualización
permitiendo a través
del formato Opentype
colorear cada una de
las partes de los íconos
y unirlas al aplicar un
comando. Viene con 967
símbolos y pictogramas
en 12 fuentes.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Miscelánea

Ornamental Treasures
es una colección de
tres fuentes creada
por Parachute con 186
glifos ornamentales en
capas. Permite usar las
ilustraciones y bordes de
diferentes épocas de la
historia griega.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Pantalla

Las fuentes de pantalla

están pensadas para ser
usadas en dispositivos
digitales con poca
resolución. Los signos
están formados por una
matriz de pixeles.

Dixplay es una fuente

del año 2003 pensada
para ser usada a 20
pixeles de altura y sus
múltiplos. Es ideal para
dispositivos multimedia
con pantallas de baja
resolución. De autoría
de Eduardo Manso.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Pantalla

Stgotic Textura es del chileno Daniel

Hernández. Busca representar la caligrafía
gótica en pixeles.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Variables en una fuente

Por su peso
Se conoce también como grosor, tono o color tipográfico. En el ejemplo vemos los diferentes pesos
que tiene la fuente Helvetica. Al ir sobre la página se suele usar los términos, color, mancha o gris para
denominar a la textura visual que se genera.

Ultra Ligera Extra Ligera Ligera Regular Seminegrita Negrita Extra Negrita Ultra Negrita
Ultra Light Thin Light Roman Medium Bold Heavy Black
Extra Light Romana Semibold Resaltado Extra Resaltado Ultra Resaltado
Semiresaltado Extra Pesada Ultra Pesada

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

EXTRAÍDO DE LETRITAS.BLOGSPOT.COM
Por su inclinación
Es un error común el denominar itálica a toda versión de una fuente que esté inclinada con respecto a la
versión regular. Veamos las diferencias entre cada caso.

Oblicuas Itálicas
La versión regular inclinada. Hay un cambio en el ductus
No hay cambios en la estructura o ductus. relacionado a la caligrafía cancilleresca.

Cursivas Manuscritas
Se basan también en la caligrafía pero son Son directamente caligráficas
"dibujadas" en base un sólo trazo. y se enfatiza la unión entre las letras.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

EXTRAÍDO DE LETRITAS.BLOGSPOT.COM
Por su ancho
Las versiones con mayor o menor ancho se originan por la necesidad de llenar espacios en afiches o de
entrar más texto en espacios reducidos.

Condensadas Comprimidas Extendidas Expandidas

proporcionales proporcionales
Se cuida que las curvas Las curvas terminan Estirada pero con Las curvas terminan
no se distorsionen. correcciones ópticas
"cuadradas" y "cuadradas" y
verticales. verticales.
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Clasificación de las fuentes (Por sus variables)

Única
Incluye una sola variable de la fuente.
Baskerville Old Face
ABC abc 123
Básica
Incluye versión regular, itálica, negrita, negrita
Adobe Garamond Pro
itálica, versales, mayúsculas ornamentales. ABC abc 123 XYZ xyz
Serial
Incluye versión regular, itálica, negrita, negrita
itálica, versales, mayúsculas ornamentales para
ITC Stone Sans Informal Serif
estilos diferentes (con serif, semi serif, sin serif, ABCabc ABCabc ABCabc
monoespaciada, etc.).
Multidimensional
Incluye versión regular, itálica, negrita, negrita
itálica, versales, mayúsculas ornamentales para
estilos diferentes (con serif, semi serif, sin serif,
monoespaciada, etc.) para diferentes sistemas de
escrituras.
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Formatos de fuentes
Postcript
El formato PostScript o “Type 1“ fue desarrollado
por Adobe en la década del 80. Se basa en la
tecnología de impresión PostScript de Adobe.
Un lenguaje de programación que permite
redimensionar en alta calidad los gráficos para
su impresión. PostScript por mucho tiempo se
ha considerado como una opción confiable,
particularmente para diseñadores profesionales,
publicistas e impresores.
TrueType
Este formato fue desarrollado por Apple y Microsoft
al final de los años ochenta. Muchas de las fuentes
incluídas en los sistemas operativos de Macintosh
y Windows son TrueType. Las fuentes contienen la
información para pantalla e impresora en un sólo
archivo, haciéndolas más fáciles de instalar. Es una
buena opción para los que tienen una experiencia
limitada trabajando e instalando fuentes.

Las fuentes PostScript consisten de dos partes,

que son necesarias para que la fuente se vea
apropiadamente en la pantalla y se imprima. Los
usuarios de PC con sistemas previos a Windows
2000, tienen que instalar el ATM (Adobe Type
Manager) para poder usar las fuentes.
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA
OpenType
OpenType es un esfuerzo entre Adobe y Microsoft.
El formato tiene muchas capacidades incluyendo
el soporte para muchas plataformas y sets de
caracteres expandidos. OpenType puede ser usado
en los sistemas operativos de Macintosh o Windows.
Adicionalmente, permite almacenar hasta 65,000
caracteres. este espacio adicional provee a los
diseñadores de fuentes de libertad para incluir
agregados como versalitas, numerales antiguos,
figuras alternativas y otros extras que anteriormente
debían ser divididos en otras fuentes adicionales.
OpenType TT (.ttf) recomendado para uso no
profesional (oficinas).
OpenType PS (.otf) recomendado para uso
profesional (agencias, preprensa, imprentas).
A N T ER I O R
WOFF
WOFF es un formato que se desarrolló durante el
2009 para su uso en páginas web. Significa formato
de fuente abierta para internet (Web Open Font
Format). En sí consiste en un contenedor de otros
formatos de fuente (TrueType, o OpenType) que
han sido comprimidas utilizando una herramienta
de codificación WOFF que permita ser incrustada
en una página web. La reducción del peso es
aproximadamente de un 40% en el caso del formato
TrueType.
Páginas como www.typekit.com permiten con
un pago anual hacer uso ilimitado en un número
ilimitado de páginas de toda su librería de fuentes
con 500 000 mil visitantes mensuales por web.
SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Consejos generales
• Al igual que el costo por fotografías, el cliente es
quien debiera cubrir la inversión en una fuente. Si
se divide este costo entre todas las piezas que se
diseñarán es mucho mejor.
de la fuente para solicitar un descuento en
la compra. La mayoría suele ofrecer esta
consideración.

• Independientemente del trabajo a realizar probar • Revisa las licencias de las fuentes que compras,
y verificar una correcta lectura del texto. Si no se lee, algunas no permiten desarrrollar marcas o
por más atractiva que sea la fuente, no sirve. modificarlas.

• Revisa las características de cada fuente y su
formato. Siempre las fundiciones digitales indican
si tienen caracteres con acento, ornamentos,
versalitas, etc. Inclusive permiten ver la tabla de
caracteres de la fuente.
• Si eres estudiante intecta contactar al diseñador
• Ahora que sabes el trabajo que hay detrás de
una fuente respeta el trabajo del diseñador y evita
piratear la letra. Que sea un desafío el diseñar tus
propias letras. En especial para diseñar marcas
únicas.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Caja alta, baja y versalitas

Los terminos se relacionan con los muebles usados en las imprentas para guardar los tipos móviles. Caja
alta son las mayúsculas y caja baja las minúsculas. Las versalitas aunque se cree que son de la misma
altura de las minúsculas suelen ser un poco más altas como arreglo óptico.

Caja alta Versalita Caja baja

PALABRA RECTÁNGULO
Palabra Variación
Palabra Variación
A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
I N I C I O | LA TIPOGRAFÍA

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Espaciado
El ojo lee las palabras como unidades y a su vez al unir las palabras identifica las líneas de texto. Los
espacios en blanco alrededor de las letras generan el ritmo de la línea compuesta.

finales El espacio al interior de la letra n es

mayor al que existe entre la i y la n.
Ocurre algo similar entre la a, l y e.

finales Al estar más balanceados los

espacios entre las letras se
consigue un mejor ritmo y armonía
visual.

A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Interletra (prosa) y Kerning (acoplamiento)

La interletra es el espacio que separa una letra de otra dentro de una palabra: debe ser suficiente para que
cada signo se diferencie del siguiente y pueda leerse con comodidad. Si la interletra es poca, los signos
van a tocarse; pero si es excesiva podría disgregarse la palabra. La interletra debe ser regular para que se
establezca un ritmo de lectura fluido. Para esto, la separación entre los caracteres debe tener relación con
el espacio interno de cada signo (contraforma). Hay combinaciones específicas de letras que necesitan un
análisis de los espacios entre las mismas. A este ajuste se conoce como kerning o acoplamiento.

Sin interletra

Av. VA Yo
Con interletra

A N T ER I O R
Av. VA Yo SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Interpalabra
La interpalabra es el espacio entre las palabras de una línea de texto. Debe ser suficiente para que se
diferencie una palabra de otra, pero no tanta como para que la línea se desintegre en palabras.

El espacio entre palabras.

El espacio entre palabras.
El espacio entre palabras.
El espacio entre palabras.
El espacio entre palabras.
Elespacioentrepalabras.
A N T ER I O R SIGUIENTE
 I N I C I O | LA TIPOGRAFÍA

Interlínea
La interlínea es el espacio que existe entre las líneas de un texto. Se
mide desde el apoyo de las letras de una línea (línea de base) hasta el
apoyo de la línea siguiente. Si este espacio es demasiado pequeño,
el bloque de texto se empasta, pero si es muy amplio se desintegra
en líneas separadas.

Si la línea tiene muchas palabras (columna ancha), la interlínea

deberá aumentarse un poco más de lo habitual para facilitar al lector
la localización del inicio de la línea siguiente.

A N T ER I O R SIGUIENTE