Tipografías: Qué son, los diferentes tipos y sus variables tipográficas
Tipografías: Qué son, los diferentes tipos y sus variables tipográficas
¿Qué es una tipografía?
La palabra tipografía proviene de dos términos griegos: “typos” que significa golpe, marca o forma, y “graphia” que significa cualidad de escribir.
Podemos definir la tipografía como “el arte de diseñar las letras”. Se denomina así a la disciplina que estudia la representación gráfica de las letras para que el lenguaje escrito sea efectivo.
Al mismo tiempo, denominamos también tipografía a la escritura con un conjunto de caracteres alfanuméricos, elaborados previamente y que cuentan con un estilo y una serie de características en común.
Toda la familia de caracteres se ha diseñado siguiendo unas mismas pautas y estilo. Posteriormente se han incluido en un archivo contenedor con formato OpenType(Microsoft y Adobe) o Truetype (Apple).
Gracias a estos archivos podremos incluir las tipografías en nuestro catálogo tipográfico, que nos permitirá usarlas desde cualquier programa de edición de textos (o imágenes) o programas de diseño desde nuestro ordenador. Podremos incluir estos diseños de letras en nuestras creatividades y composiciones, sin necesidad de diseñarlas una y otra vez.
No debemos confundir la técnica de la tipografía con el Lettering “el arte de dibujar las letras” o la Caligrafía “el arte de escribir las letras”. Aunque cuenten con similitud, estas 3 técnicas difieren en cómo se concibe y aborda la creación de las letras.
Al igual que ocurre con las formas, los colores o las imágenes, las tipografías también pueden llegar a evocarnos conceptos o emociones. A esto se le denomina psicología tipográfica o personalidad de la tipografía.
La personalidad tipográfica nos puede ayudar a transmitir aún más con la identidad visual de la marca. Por ejemplo, si queremos que la empresa se muestre moderna y cercana, podemos recurrir a una tipografía de palo seco. Si quizás la preferimos más tradicional y seria, una tipografía con serifa podría ser una mejor opción.
Tipos de Tipografías
Vamos a conocerlas una por una para que puedas aprender a diferenciarlas por su forma.
Tipografías con serifa (romanas)
Las tipografías con serifa son aquellas que cuentan con remates o terminales, que son esos pequeños adornos ubicados en los extremos de los trazos de los caracteres.
Las tipografías Serif suelen ser concebidas como serias y tradicionales. Cuentan con un aire académico o institucional. Son tipografías idóneas para párrafos o textos largos, ya que los pequeños terminales o serifas contribuyen a que se cree una línea imaginaria bajo el texto que facilita mucho lectura a nuestro ojo.
Algunos ejemplos de fuentes tipográficas Serif son: Times New Roman, Garamond o Book Antigua.
Y recuerda dentro de las tipografías con serifa, podemos incluir también las tipografías egipcias o Slab Serif.
Tipografías sin serifa (de palo seco)
Las tipografías sin serifa o de palo seco (sans serif) se caracterizan por la ausencia de remates y terminales. Se diseñan sin serifas. Sus trazos apenas presentan contrastes.
Las tipografías Sans Serif suelen asociarse con la tipografía comercial, ya que ofrecen un resultado muy bueno para la impresión de titulares o poco texto, en carteles y publicidad. Este estilo de fuente evoca modernidad, seguridad, neutralidad y minimalismo.
Aunque este tipo de fuente tipográfica no cuente con la línea invisible que consiguen las tipografías Serif para los textos largos, es muy recurrida también para textos en pantalla y textos en tamaños pequeños. Gracias precisamente a la ausencia de terminales y remates, esta tipografía puede resultar más legible en textos de pequeño tamaño que su hermana mayor.
Algunos ejemplos de tipografías San Serif son: Futura, Helvética, Arial, Gotham o Avenir.
Tipografías manuscritas (cursivas)
Las tipografías manuscritas también se denominan como cursivas o script. Son tipografías que representan o imitan la caligrafía a mano, por lo que en ocasiones también se les puede denominar como tipografías caligráficas.
Generalmente este tipo de tipografías cuentan con una tendencia itálica o cursiva claro. Las letras se ligan entre sí y encontramos curvas más pronunciadas que en las tipografías con serifa o de palo seco.
Como se ligan con la caligrafía, cuentan con una personalidad algo más humana y cercana. Algunas tipografías cursivas podrían ser Beckham Script o Parisienne.
Tipografías decorativas (exposición)
También se les denomina como tipografías display. Están consideradas como tipografías divertidas, más desenfadadas, pero pueden transmitir una gran variedad de sensaciones.
Cuentan un carácter y personalidad muy fuerte. Desde el punto de vista de la psicología tipográfica son transgresoras y contribuyen a llamar más la atención. No obstante, la legibilidad que se puede obtener con este tipo de fuentes es algo más pobre.
Dentro de este conjunto de decorativas entrarían las tipografías cuyas características no se ajustan a los tres conjuntos anteriores. Suelen crearse para fines específicos donde la legibilidad no se tiene demasiado en cuenta. Como por ejemplo en el branding de producto en el sector de la alimentación. Son muy expresivas y suelen contar con atributos más temáticos.
Eso sí, definitivamente no son tipografías idóneas para párrafos de texto.
Pueden llegar a transmitir falta de cuidado o desinterés en el diseño. Por eso, piénsate bien cuando utilizar este tipo de fuentes tipográficas.
¿Qué es una familia tipográfica?
Una familia tipográfica es un conjunto de caracteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.
Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.
Existen multitud de familias tipográficas. Originalmente surgieron con la creación de la imprenta pero otras han ido apareciendo como resultado de la digitalización de todo el proceso de diseño de tipografías.
Por ejemplo, las familias Gotham, Futura o Swift son algunas de mis familias tipográficas favoritas. Las uso con bastante frecuencia.
Las variables tipográficas y las versalitas
Las variables tipográficas son las opciones que podemos encontrar dentro de una misma familia tipográfica. Son modificaciones de la morfología de la tipografía, es decir de su forma. Actúan sobre el grosor (tono) del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica.
Gracias a estas variables tipográficas vamos a poder establecer una jerarquía visual en nuestras composiciones. También nos ayudan a satisfacer las necesidades que nos pueden surgir a la hora de comunicar visualmente con tipografías.
El peso como variable tipográfica
La variable de peso, denominada también como variable de grosor o tono, afecta directamente al trazo de los caracteres. Se modifica la relación entre el ancho del trazo y los espacios vacíos dentro de cada signo tipográfico.
La tipografía bold o negrita presenta un grosor de trazo mayor, mientras que la tipografía light presenta un grosor del trazo menor.
La proporción como variable tipográfica
La variable de ancho o proporción afecta directamente a la estructura de los caracteres. Hace referencia a la modificación del ancho de la letra. En principio el trazo no varía.
Las tipografías condensadas y expandidas son tipografías que han sido diseñadas desde cero, al igual que las regulares. Por eso tampoco debemos deformar la escala de nuestras tipografías si necesitamos condensadas o expandidas.
Ten en cuenta que la variación de tamaño en sentido vertical no se considera como variable tipográfica, ya que se corresponde con una simple modificación del cuerpo tipográfico.
La inclinación como variable tipográfica
La variable tipográfica de inclinación modifica el eje de los caracteres. Hace referencia al ángulo de inclinación de la tipografía. Cambia la estructura y se altera el ritmo. La inclinación del eje vertical puede variar según el diseño de la familia tipográfica pero generalmente se encuentra entre los 8 y los 16º de inclinación.
Dentro de la variable tipográfica de inclinación vamos a poder reconocer dos tipos. Las oblicuas y las itálicas.
Las tipografías con variable oblicua cuenta con la misma morfología que la tipografía regular. Tan sólo cuenta con el eje inclinado. En cambio las tipografías con variable itálica presentan además una morfología propia con algunas reminiscencias a la caligrafía.
Tipografías versalitas
Tras la descripción de las variables tipográficas, es buen momento para mencionar también a las tipografías versalitas. Estas tipografías cuentan con alfabetos que mantienen la altura de caja alta (mayúsculas) a la misma altura que las de caja baja (minúsculas).
Las versalitas son tipografías que pueden ser de gran utilidad si por ejemplo lo necesitamos por valor estético.
Por lo tanto, después de conocer las variables tipográficas por peso, inclinación o proporción, ten en cuenta lo siguiente. Si necesitamos acudir a una tipografía negrita, condensada o itálica recuerda escoger siempre la variable tipográfica. Por favor, evita hacerlo digitalmente con software que modifique la tipografía.
¿Dónde encontrar la mejor tipografía para tu marca?
En ocasiones encontrar una tipografía acertada se nos puede resistir. Aquí te dejamos la mejor biblioteca donde podrás encontrar miles de tipografías gratuitas.
Regístrese para recibir contenido valor y ofertas exclusivas.
Nos mueve el desafío de hacer las cosas de forma única y radicalmente mejor.
Servicios
Portafolio
¡Cuéntanos tu idea o proyecto, nosotros ponemos el café y te escuchamos!
Historia y evolución de la tipografía
La tipografía tiene sus raíces en la invención de la imprenta de tipos móviles por Johannes Gutenberg en el siglo XV. Antes de ese momento, los libros se copiaban a mano, lo que hacía que cada ejemplar fuera único y costoso. Con la imprenta, se necesitaban caracteres reutilizables que pudieran combinarse para formar palabras y páginas, y así nació el diseño tipográfico como disciplina.
Desde los primeros tipos góticos hasta las fuentes digitales actuales, la evolución ha sido constante. Cada época ha aportado estilos que reflejan su contexto cultural y tecnológico: el Renacimiento trajo las romanas humanistas, el Barroco las romanas de transición, la Revolución Industrial las egipcias y de palo seco, y el siglo XX vio la explosión de las fuentes sans serif y la llegada de la tipografía digital con la informática personal.
Hoy en día, el diseño tipográfico es una especialidad consolidada dentro del diseño gráfico, y las fuentes se distribuyen en formatos digitales como OpenType y TrueType, que permiten una gran flexibilidad y calidad en cualquier soporte, desde la impresión hasta las pantallas de los dispositivos móviles.
Anatomía de la letra: los elementos que componen una tipografía
Para comprender y elegir correctamente una tipografía, es útil conocer las partes que conforman cada carácter. Aunque existen muchos términos, los más importantes son:
- Asta: trazo principal vertical u oblicuo de una letra.
- Brazo: trazo horizontal o diagonal que se proyecta desde el asta, como en la "E" o la "T".
- Ojo: espacio encerrado total o parcialmente por una letra, como en la "o" o la "p".
- Serifa: remate o terminación de los trazos, característica de las tipografías romanas.
- Ascendente: parte de la letra que sobresale por encima de la altura de la x, como en la "b" o la "d".
- Descendente: parte que queda por debajo de la línea base, como en la "p" o la "q".
- Altura de la x: altura de las letras minúsculas sin ascendentes ni descendentes, como la "x".
Conocer estos elementos permite analizar con más criterio las diferencias entre fuentes y entender por qué algunas resultan más legibles o transmiten sensaciones distintas. Por ejemplo, una altura de la x grande suele mejorar la legibilidad en tamaños pequeños, mientras que unas serifas marcadas pueden dar un aire más clásico.
Variables tipográficas: cómo se modifica una misma fuente
Dentro de una misma familia tipográfica, existen variantes que permiten adaptar la fuente a diferentes necesidades de diseño sin perder coherencia visual. Estas variables se obtienen modificando el grosor, la inclinación, la anchura o el estilo de los caracteres.
Las variables más comunes son:
- Peso o grosor: desde ultrafina (thin) hasta extra negrita (black), pasando por regular, medium, bold, etc.
- Inclinación: la versión itálica o cursiva, que añade énfasis o un toque dinámico.
- Anchura: condensada, normal o expandida, útil para ajustar texto en espacios limitados o para titulares impactantes.
- Versalitas: letras mayúsculas con la altura de las minúsculas, usadas para títulos o siglas con elegancia.
En los formatos digitales modernos, como las fuentes variables de OpenType, estas modificaciones pueden combinarse en un solo archivo, ofreciendo un control casi infinito sobre la apariencia del texto. Esto resulta especialmente útil en diseño web, donde se busca optimizar la carga y la legibilidad en distintos dispositivos.
Cómo elegir la tipografía adecuada para tu proyecto
La elección tipográfica es una decisión estratégica que afecta a la comunicación visual de una marca o proyecto. No se trata solo de estética, sino de funcionalidad y coherencia con el mensaje. Algunos criterios a considerar son:
- Legibilidad: la fuente debe leerse con facilidad en el tamaño y soporte previstos. Para textos largos, las serif o sans serif con buena altura de x suelen funcionar mejor.
- Personalidad: cada tipografía transmite emociones: las serif pueden parecer tradicionales y confiables; las sans serif, modernas y limpias; las script, elegantes o informales; las decorativas, llamativas y únicas.
- Contexto de uso: no es lo mismo una fuente para un logotipo, un titular publicitario o el cuerpo de un artículo. Debe adaptarse al medio (impreso o digital) y al público objetivo.
- Compatibilidad y licencia: verifica que la fuente esté disponible para los usos que necesitas (web, impresión, app) y que su licencia lo permita.
Un buen punto de partida es definir la jerarquía tipográfica: elegir una fuente principal para titulares y otra complementaria para el texto, asegurando que combinen bien entre sí y con el resto de la identidad visual. Para profundizar en cómo se integran estos elementos en el diseño de una marca, puedes consultar nuestro artículo sobre diferencias entre logotipo, isotipo, imagotipo e isologo.
Tipografía en la web: aspectos técnicos y buenas prácticas
En el entorno digital, la tipografía adquiere una dimensión adicional: debe cargarse rápidamente, renderizarse correctamente en múltiples navegadores y dispositivos, y ser accesible para todos los usuarios. Por ello, se recomienda utilizar formatos web como WOFF y WOFF2, que ofrecen una buena compresión sin sacrificar calidad.
Además, es importante definir una pila tipográfica (font stack) con fuentes de respaldo, de modo que si la fuente principal no se carga, el navegador utilice una alternativa similar. También se debe prestar atención al contraste, al interlineado y al tamaño de fuente para garantizar una lectura cómoda, especialmente en dispositivos móviles.
La elección de una buena tipografía web puede influir en la velocidad de carga y en la experiencia del usuario. Si te interesa optimizar otros aspectos visuales de tu sitio, te recomendamos leer cómo obtener imágenes de productos de carga rápida y aspecto fantástico.
Conclusión: la tipografía como herramienta de comunicación
La tipografía es mucho más que letras bonitas: es una herramienta poderosa para transmitir personalidad, jerarquizar información y guiar la lectura. Conocer los tipos, variables y criterios de selección te permitirá tomar decisiones más informadas en tus proyectos de diseño y comunicación.
Ya sea para un logotipo, una página web o un documento impreso, dedicar tiempo a elegir la fuente adecuada es una inversión que se refleja en la efectividad del mensaje. Y si necesitas ayuda para aplicar estos conceptos en tu presencia digital, en Agencia Digital H podemos asesorarte en el diseño y desarrollo de tu sitio web.