El mundo del diseño moderno tiene un suministro aparentemente interminable de tipos de letra para elegir. En este artículo, explicaremos la diferencia entre Typeface y fuente, cómo combinarlas y qué errores debes tratar de evitar.
Typeface vs fuente
El Typeface es el nombre que se le da a una colección de fuentes relacionadas (que a su vez se definen por su peso, estilo y tamaño). El tipo de letra ‘Arial‘ consta de varias fuentes arial diferentes (como arial negrita, arial negrita cursiva, arial regular).
Una página web podría usar 3 fuentes pero solo 2 tipos de letra: los 2 tipos de letra son Arial y Times New Roman, y las 3 fuentes son Arial regular, Arial Bold y Times New Roman Regular.
Con el tiempo, las personas han llegado a referirse a Typeface como fuentes en gran parte debido a que los productos de software usan los términos incorrectamente, pero ser consciente de la diferencia es un paso útil.
Clasificaciones tipográficas
Los Typeface se clasifican por sus formas de letra.
Serif
Los tipos de letra Serif reciben su nombre de la pequeña línea o trazo decorativo adjunto al final de un trazo más grande, que crea efectivamente un límite visual al final de la forma de la letra.
Sans-serif
Los tipos de letra Sans Serif no tienen las serifas extendidas al final de los trazos o líneas. Sans Serif es francés para ‘sin serifas’.
Script
Los tipos de letra Script se basan en el estilo fluido de la escritura humana y se utilizan principalmente para títulos y encabezados de texto en la tipografía occidental.
Slab-serif
Los tipos de letra Slab Serif (o slab) se caracterizan por grandes serifas en bloque al final de las formas de las letras. Las serifas de losa fueron extremadamente populares durante el siglo XIX y principios del XX.
Display
Un tipo de letra de visualización es uno que ha sido diseñado para usarse en tamaños más grandes (como encabezados), en lugar de usarse en el cuerpo del texto estándar. A menudo tienen un contraste notable entre los trazos finos y gruesos de las formas de las letras.
Handwritten
Handwritten es una clasificación para cualquier tipo de letra que parece haber sido escrito a mano.
Monospace
Los tipos de letra monoespaciados (también conocidos como mono o Monospace) contienen caracteres que ocupan la misma cantidad de espacio horizontal por carácter.
A menudo se describe que las diferentes clasificaciones tienen su propia «personalidad» o identidad. Esto significa que transmiten un sentimiento o idoneidad particular (más sobre esto más adelante).
Usando un solo Typeface y sus fuentes
El uso de un solo Typeface y sus fuentes funciona bien (especialmente en diseños en los que busca un aspecto minimalista).
Este estilo se emplea a menudo en sitios web para arquitectos o casas de moda donde las imágenes o la fotografía pueden ser más prominentes, o en un sitio donde los bloques cortos de texto juegan un papel más importante en el mensaje que intentan transmitir.
Superfamilias
Una superfamilia es un conjunto de fuentes que utiliza diferentes tipos de letra. Las superfamilias tienen una ventaja muy clara: al combinar dos tipos de letra, funcionarán bien visualmente.
Las superfamilias a menudo tendrán la misma altura de x (la altura de una letra minúscula ‘x’) y grosores de trazo coincidentes para el grosor o estilo de fuente equivalente.
Combinar diferentes tipos de letra que tienen diferentes clasificaciones
Cuando combinas diferentes tipografías de diferentes clasificaciones es importante encontrar un complemento visual. Aunque esto viene con la práctica, hay algunas pautas a seguir que lo hacen más fácil al comenzar:
- Mira los tipos de letra que tienen un ‘ancho establecido’ similar en el mismo tamaño de fuente (el ancho establecido se refiere al ancho de un carácter y el espacio asociado entre las formas de las letras).
- Mira los tipos de letra que tienen una altura x similar en el mismo tamaño de fuente.
Usar el Typeface para transmitir un mensaje o estado de ánimo
Los tipos de letra vienen con ciertos estados de ánimo o identidades. Si deseas una sensación moderna, sería adecuado un tipo de letra serif con anchos visualmente uniformes para sus caracteres.
O si deseas promover la fuerza y la robustez, puedes usar un slab-serif con pesos pesado en los encabezados. Los tipos de letra escritos a mano se usan a menudo cuando el mensaje desea sentirse personal o afectuoso.
Los diseñadores también pueden intentar transmitir una emoción a través de un tipo de letra eligiendo un tipo de letra de aspecto neutral y usar las fuentes y los pesos para proyectar la emoción del tipo de letra.
Por ejemplo, puede elegir un tipo de letra neutral como Helvetica y luego abordar el proyecto usando fuentes en cursiva o encabezados grandes en negrita para proyectar fuerza y energía.
Preguntas frecuentes Typeface
La tipografía se refiere al diseño y selección de los caracteres, mientras que la fuente es el archivo digital que contiene ese diseño. Ambos términos son importantes para lograr un buen diseño gráfico y una impresión de calidad.
En general, se recomienda utilizar una tipografía serif, es decir, una tipografía que tiene pequeñas líneas adicionales al final de las letras, como Times New Roman, Georgia, Garamond o Baskerville. Estas tipografías son consideradas tradicionales y elegantes, y se utilizan comúnmente en libros, periódicos y revistas.
Se considera que las tipografías serif son las más fáciles de leer, ya que las pequeñas líneas adicionales al final de las letras ayudan a guiar el ojo del lector de una letra a la siguiente. Aunque algunas de las tipografías sans-serif más legibles son Arial, Verdana, Helvetica y Calibri.
Las fuentes serif son consideradas más legibles para textos extensos, como los utilizados en libros, revistas y periódicos. Algunas fuentes serif comúnmente utilizadas son Times New Roman, Georgia, Garamond y Baskerville.
Por otro lado, las fuentes sans-serif son preferidas para textos más cortos, como titulares y subtítulos, y también son comunes en el diseño gráfico y la publicidad. Algunas fuentes sans-serif populares incluyen Arial, Helvetica, Verdana y Calibri.
Webs referencia sobre Typeface
Existen muchas webs de referencia sobre tipografía, a continuación se mencionan algunas:
- Tipografía: la web de la Asociación Tipográfica Internacional (ATypI) es una fuente de referencia para todo lo relacionado con la tipografía, desde noticias y eventos hasta recursos y publicaciones sobre tipografía.
- Fonts in Use: es un sitio web que recopila ejemplos de tipografías utilizadas en diversos medios, como libros, revistas, sitios web, publicidad, entre otros. Es una excelente fuente de inspiración y referencia para ver cómo se utiliza la tipografía en diferentes contextos.
- Typewolf: es un sitio web que muestra ejemplos de tipografías utilizadas en sitios web, así como recomendaciones de fuentes para diferentes tipos de sitios web y proyectos.
- Google Fonts: es una biblioteca de fuentes gratuita y de código abierto que puede ser utilizada en cualquier proyecto, ya sea impreso o digital. La biblioteca es muy amplia y contiene muchas opciones de fuentes para diferentes propósitos.
- Typecast: es una herramienta en línea para diseño de tipografía que permite probar diferentes fuentes y ver cómo se ven en un diseño en tiempo real. Es una herramienta muy útil para experimentar con diferentes fuentes antes de tomar una decisión final.
