Tipografías. Todo lo que Necesitas Saber Sobre los Tipos de Letras

por | Blog, Fuentes, Recursos | 0 Comentarios

Tipografias todo lo que necesitas saber

Este tema es muy importante a la hora del diseño de la imagen gráfica de tu marca, porque va relacionado con todo lo que incluye el proyecto, como página web, blog, papelería, si tienes algún producto físico, etc.

Por eso quiero dejarte en este post con información muy general acerca de las tipografías, para que tengas una base que te permita hacer una selección de fuentes acorde a tus necesidades.

 

Qué son las Tipografías

Las tipografías o fuentes (fonts en inglés), no son mas que los tipos de letras que se utilizan en la computadora o en el papel. Las familias tipográficas, son un conjunto de fuentes con características similares pero que se diferencian entre sí por algún elemento como el grosor o la inclinación.

Clasificación de las Tipografias

Ellas se pueden clasificar principalmente en dos tipos: Serif o San Serif (Sin Serif). También puedes encontrar las tipo manuscritas o cursivas, slabs, modernas, display entre otras.

Tipos de tipografias

Las fuentes, generalmente están conformadas por todas las letras del abecedario, números, signos de puntuación y algunos símbolos más comunes.

También puedes encontrar algunas fuentes con otros elementos como los Swash que son ornamentos decorativos que se le agregan a algunas letras, generalmente a la primera o la última letra de la palabra.

Estos elementos se utilizan en las letras manuscritas o cursivas y a veces en las fuentes Serif o San Serif. Son puramente estéticos.

Elementos de las tipografías

Cuando tienes que escoger una fuente para utilizar en tu página web o blog, debes tomar en cuenta los siguientes aspectos:

 

4 Aspectos Importantes de las Tipografías

 

#1 Legibilidad

Debe ser una fuente clara, de buena lectura. Para textos muy largo es preferible una fuente con Serif, aunque algunas San Serif pueden también funcionar. Lo importante es que permita la buena lectura del texto y no canse la vista.

 

#2 Tamaño

Este punto también va relacionado con la legibilidad. Una letra muy pequeña puede no tener buena lectura. Pero una letra muy grande tampoco puede ser agradable, si el texto es muy largo.

 

#3 Interletrado

Es el espacio que hay entre letra y letra. Si es muy pequeño ese espacio, las letras se unen y pueden crear una forma difícil de entender y por lo tanto se pierde la lectura.

Si es muy grande el ojo tarda más en unir letra con letra para formar las palabras y tampoco favorece a la lectura. Los generadores de contenido ya tienen preestablecido el tamaño del interletrado.

 

#4 Interlineado

Es el espacio entre línea y línea de texto. Si hay poco espacio entre una línea y otra se puede complicar la lectura, o si hay mucho puede que no se vea el párrafo como tal y no permita la fluidez en la lectura.

 

Todos estos elementos deben ir relacionados entre sí. No quiere decir que no se puedan usar letras pequeñas ni grandes o si las líneas de texto no debe unirse más de la cuenta en algún momento o separarse para dar una lectura diferente. Todo eso se puede hacer, lo que se debe hacer es cuidar el buen uso de todas estas técnicas y hacerlo donde valga la pena.

Combinación de Tipografías

 

Este aspecto también es muy importante. Se recomienda combinar sólo dos tipografías o máximo tres, si es muy necesario. También puedes hacer combinaciones de estilos de una misma familia tipográfica.

Las mejores combinaciones se logran con una fuente Serif y otra San Serif o una manuscrita con una Serif. Las combinaciones se hacen cuando hay resaltar un elemento sobre otro, por ejemplo un título y un párrafo.

Cada uno puede tener una tipografía diferente. En este caso, se debe mantener la misma para los párrafos y la misma para los títulos.

En una página web siempre es preferible hacer la elección tipográfica desde un principio. No es una buena práctica cambiar las tipografías por cada post, por ejemplo. No es señal de algo profesional porque parece que estuvieras probando todas las tipografías con las que puedes trabajar.

Para ejemplos de combinaciones puedes ver el siguiente cuadro.

Combinación de tipografias

Tipografías usadas en el cuadro. Google fonts:

CrimsonRalewayGreat VibesOpen SansRobotoPlayfair DisplayExo

 

Significado de las tipografías

Las letras, así como el color, tienen su significado. Eso también lo debes tomar en cuenta al hacer la elección de la tipografía para tu blog, porque algunas pueden darte sensación de fragilidad, dureza, feminidad o masculinidad, etc.

Significado de las tipografias

En conclusión, no es tan simple como escoger una letra nada más. Hay un mundo detrás de ellas, en donde no tienes que volverte experto para escoger un tipo de letra que se apropiado para tu página web o blog. Solo te recomiendo seguir estos simples pasos para escogerla:

 

4 Pasos para Escoger la Tipografía Ideal para tu Blog

 

  • Escoge 2 tipografías para tu página web. Una para los títulos y otra para los textos. O una familia con variaciones con las que puedas jugar.
  • El tamaño de las letras escógelo por como lo puedes leer tu mismo. Prueba varios tamaño y con el que puedas leer un párrafo sin complicación, ese es.
  • No muevas los valores de interlineado o interletrado. El tamaño que escojas trae unos valores predeterminados para esos campos y así que es mejor no tocarlos si no los sabes manejar.
  • No utilices muy seguido palabras escritas únicamente en mayúsculas. A nivel digital esto puede dar la sensación que estar gritando 😉

Espero que te ayude toda esta información y siempre recuerda que no hay que poner muchos «adornos» para hacer llegar la información que quieres compartir.

En este post 10+1 páginas web para descargar fuentes gratis te dejo mi recomendación de páginas web donde puedes descargar tipografías gratis.

También te puede interesar

6 Últimas Actualizaciones de Pinterest

6 Últimas Actualizaciones de Pinterest

“Esta publicación contiene enlaces de afiliados, lo que significa que si eliges hacer clic y hacer una compra, recibiré una pequeña comisión sin costo para usted. También fui compensado por crear esta publicación, aunque todas las opiniones son mías “Así como sucede...

Nuevas Funciones en Tailwind

Nuevas Funciones en Tailwind

“Esta publicación contiene enlaces de afiliados, lo que significa que si eliges hacer clic y hacer una compra, recibiré una pequeña comisión sin costo para usted. También fui compensado por crear esta publicación, aunque todas las opiniones son mías “Como plataforma...

30 Primeros Días de tu Blog

30 Primeros Días de tu Blog

“Esta publicación contiene enlaces de afiliados, lo que significa que si eliges hacer clic y hacer una compra, recibiré una pequeña comisión sin costo para usted. También fui compensado por crear esta publicación, aunque todas las opiniones son mías “Recibo muchas...

Si te gustó, compártelo…