Tipografía: un breve curso intensivo sobre tipos de letra

Tipografía – un breve curso intensivo sobre los tipos de letra



Examples of different typefaces and font styles


Hoy en día, las fuentes digitales forman parte de nuestra vida cotidiana. Las vemos en sitios web, logotipos, rótulos de escaparates, revistas e incluso, ocasionalmente, en pequeñas notas que los funcionarios municipales dejan en el parabrisas por aparcar mal.

Los tipos de letra están por todas partes; pero incluso en el sector del diseño, a veces me sorprende lo poca atención que se presta a la atribución de las fuentes y los tipos de letra, y lo pocas veces que se denominan correctamente sus componentes. Por eso, un poco de conocimiento sobre los tipos de letra y el diseño podría facilitar la comunicación a la hora de preparar briefs de diseño, para que diseñadores y clientes no se malinterpreten.

¿Anti qué?


Antiqua typeface example showing serif letterforms

Las fuentes, y prácticamente todas las tipografías, también reciben el nombre de Antiqua. Aquí distinguimos entre tipografías caligráficas, Antiqua sans serif o Antiqua con serifas. Ah, ya tropezamos con nuestra primera palabra de vocabulario: „serifas“.


Las serifas – esos pequeños remates que supuestamente facilitan la lectura.


Hace poco surgió la pregunta: ¿para qué sirven realmente las serifas?

En la litografía se utilizaban casi exclusivamente letras con serifas. Según editores y expertos en impresión, esto debía facilitar la lectura… Muchos libros todavía se imprimen con un tipo de letra con serifas cuando tienen un cuerpo de texto denso.

¿Te has fijado alguna vez en que, especialmente, los libros económicos, la literatura trivial, las novelas policiacas de bolsillo baratas e incluso los libros infantiles y juveniles se imprimen con fuentes con serifas?

Las fuentes limpias que presentan cierta simetría se denominan Antiqua lineales.

Arial, Calibri, Gill Sans y Futura son solo algunos ejemplos de Antiqua lineales sans serif. Sus características son la rectitud y el poco contraste entre sus diferentes grosores. Muy a menudo, la altura ascendente de las letras minúsculas es igual a la altura de las mayúsculas.

Ah, otra vez aparecen palabras de vocabulario:


La altura de las mayúsculas es el término correcto para referirse al tamaño de las letras: las grandes son mayúsculas y las pequeñas, minúsculas.

Tiempo en familia


HiLo_Agency_Typografie


Las letras pequeñas y grandes pueden encontrarse, igual que las personas pequeñas y grandes, en tu propia familia.


Las familias tipográficas son también la clasificación única de un tipo de letra según sus características.

De un vistazo

FamiliaCaracterísticasEjemplos
Antiqua lineal con serifasSerifas distintivas, dinámica, tradicional, robustaCity, Memphis, Joanna, Rockwell, Lino Letter, Clarendon, Antique, Egyptian
Palo seco linealGeométrica, racional, moderna, directa, formas básicas clarasHelvetica, Optima, Grotesk, Avenir, Arial, Vectora, Open Sans, Calibri
Fuentes caligráficasDinámicas, generalmente inclinadas, trazos fluidos, a menudo con letras conectadasLinoscript, Mistral, Slogan, Pepita, Snell Roundhand, Medici Script, Berthold Script
Escritura quebrada y escritura extranjeraDinámica, generalmente los arcos no están conectados, trazos curvadosAlte Schwabacher, Engravers Old English, Claudius, Duc de Berry

Hay un total de 11 grupos, que se distinguen según los siguientes criterios:

  1. La presencia de serifas
  2. La forma de las serifas
  3. El ángulo o incluso el grosor del trazo de lo que se conoce como la «pata»
  4. La simetría del hombro o del «arco»
  5. El recorrido del trazo final hacia el exterior de la e.

Y ahora… necesitamos aclarar algunos conceptos, porque todavía no hemos hablado de arcos ni patas. Así que pasemos a los elementos individuales de las letras.

Un poco de arquitectura:


Typographic anatomy of a letterform – structure and terminology

Principio de las 4 líneas


The four-line principle of typography – baseline, x-height, cap height and ascender

Proporciones

Cada fuente tiene sus propias proporciones. Esto no significa más que la longitud que ocupa una fuente cuando está en su configuración predeterminada. Algunas fuentes simplemente tienen un aspecto más estrecho debido a su característica vertical y, por tanto, ocupan menos espacio. Por lo tanto, proporcionalmente la fuente es más corta, aunque tenga el mismo tamaño en puntos.


HiLo_Agency_Blog_Text proportions

Cuando digo que estas fuentes están en su «configuración predeterminada», me refiero al espaciado que se ha establecido para lograr una legibilidad óptima en una fuente concreta.

En diseño tipográfico, ajustar una letra individual al espaciado deseado con respecto a las demás se denomina «kerning» o «interletraje».


En PowerPoint, a menudo modificamos el espaciado de las fuentes. Sin embargo, rara vez colocamos las letras una tras otra manualmente. Utilizamos las opciones de fuente, por ejemplo, para aumentar el espaciado entre ellas.

HiLo_Agency_Typografie_Open Sans


Las opciones de fuente, ya sea que el texto esté alineado a la izquierda, a la derecha o centrado, también desempeñan un papel importante en el diseño tipográfico, pero dejaremos esa historia para otra ocasión 😉.

Aquí tienes una recopilación de los sitios web más completos y especializados que hemos encontrado sobre este tema:



https://www.canva.com/learn/typography-terms/ https://bit.ly/2OdFTkH https://bit.ly/3bbbNHL

Tantos ejemplos detallados, tanto que descubrir sobre las fuentes, su estructura y su uso. Nadie puede decir que la tipografía sea un tema aburrido.

Y si podemos ayudarte a encontrar la fuente adecuada para tus presentaciones, ponte en contacto; estaremos encantados de saber de ti.

Daniela Lopez
https://www.linkedin.com/in/daniela-lopez-acevedo-361080a1/mailto: lopez@hilo-agency.de

Daniela Lopez

Autora (pasa el cursor para contactar)
Hi&Lo Agency

También te puede interesar


HiLo Agency_Blog Thumbnail_The Power of LessHiLo_Agency
Diseño, Presentación

Minimalismo en el diseño de presentaciones

27/03/2025
/hilo-assets/wp/2025/03/HiLo-Agency_Blog-Thumbnail_The-Power-of-Less.webp 400 495 Haefele /hilo-assets/wp/2019/08/Hi_Lo_01-final-80-80-final-1.webp Haefele2025-03-27 09:56:362025-03-27 09:56:36Minimalism in Presentation Design
HiLo_Agency_Blog_3D_Visualierung_Thumbnail_ENHiLo_Agency
3D, Diseño

Más 3D para tu PowerPoint

31/07/2024
/hilo-assets/wp/2024/07/240624_Blog_3D_Visualierung_Thumbnail_EN.webp 405 719 Haefele /hilo-assets/wp/2019/08/Hi_Lo_01-final-80-80-final-1.webp Haefele2024-07-31 08:18:432024-07-31 09:37:38More 3D for Your PowerPoint
HiLo_Agency_Blog_Thumb_Structure_is_all_around_usHiLo_Agency
General, Consejos

La estructura está en todas partes

23/10/2023
/hilo-assets/wp/2023/10/231012_HiLo_Agency_Blog_Structure-is-all-around-us.webp 1080 1080 Haefele /hilo-assets/wp/2019/08/Hi_Lo_01-final-80-80-final-1.webp Haefele2023-10-23 20:25:422023-12-18 12:06:28La estructura está en todas partes