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 [Link]
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 [Link]
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 TrueType
El formato PostScript o “Type 1“ fue desarrollado Este formato fue desarrollado por Apple y Microsoft
por Adobe en la década del 80. Se basa en la al final de los años ochenta. Muchas de las fuentes
tecnología de impresión PostScript de Adobe. incluídas en los sistemas operativos de Macintosh
Un lenguaje de programación que permite y Windows son TrueType. Las fuentes contienen la
redimensionar en alta calidad los gráficos para información para pantalla e impresora en un sólo
su impresión. PostScript por mucho tiempo se archivo, haciéndolas más fáciles de instalar. Es una
ha considerado como una opción confiable, buena opción para los que tienen una experiencia
particularmente para diseñadores profesionales, limitada trabajando e instalando fuentes.
publicistas e impresores.
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 WOFF
OpenType es un esfuerzo entre Adobe y Microsoft. WOFF es un formato que se desarrolló durante el
El formato tiene muchas capacidades incluyendo 2009 para su uso en páginas web. Significa formato
el soporte para muchas plataformas y sets de de fuente abierta para internet (Web Open Font
caracteres expandidos. OpenType puede ser usado Format). En sí consiste en un contenedor de otros
en los sistemas operativos de Macintosh o Windows. formatos de fuente (TrueType, o OpenType) que
Adicionalmente, permite almacenar hasta 65,000 han sido comprimidas utilizando una herramienta
caracteres. este espacio adicional provee a los de codificación WOFF que permita ser incrustada
diseñadores de fuentes de libertad para incluir en una página web. La reducción del peso es
agregados como versalitas, numerales antiguos, aproximadamente de un 40% en el caso del formato
figuras alternativas y otros extras que anteriormente TrueType.
debían ser divididos en otras fuentes adicionales. Páginas como [Link] permiten con
un pago anual hacer uso ilimitado en un número
OpenType TT (.ttf) recomendado para uso no ilimitado de páginas de toda su librería de fuentes
profesional (oficinas). con 500 000 mil visitantes mensuales por web.
OpenType PS (.otf) recomendado para uso
profesional (agencias, preprensa, imprentas).
A N T ER I O R 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 de la fuente para solicitar un descuento en
se divide este costo entre todas las piezas que se la compra. La mayoría suele ofrecer esta
diseñarán es mucho mejor. 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 • Ahora que sabes el trabajo que hay detrás de
formato. Siempre las fundiciones digitales indican una fuente respeta el trabajo del diseñador y evita
si tienen caracteres con acento, ornamentos, piratear la letra. Que sea un desafío el diseñar tus
versalitas, etc. Inclusive permiten ver la tabla de propias letras. En especial para diseñar marcas
caracteres de la fuente. únicas.
• Si eres estudiante intecta contactar al diseñador
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
