Elige la tipografía para tu web

Ejemplos de tipografías variadas.

La tipografía comunica por sí sola, incluso sin que las personas se den cuenta de ello. Durante años los medios de comunicación y la publicidad han establecido asociaciones entre tipos de letras y emociones y es por que, por ejemplo, Rye nos evoca directamente a las películas del Oeste. Es bueno ser consciente de que las asociaciones mentales que se producen con la tipografía para así trasmitir nuestro mensaje de forma correcta al hacer nuestra página web.

Combinar tipos de letra

Es extraño encontrar una página web con solo un tipo de letra. Lo habitual es elegir dos tipos de letra, uno para los títulos y otro para los textos. Nuestra recomendación es que no utilices más de tres y  que cuides ante todo de que las fuentes sean diferentes entre sí pero que se complementen en su estilo.

 

Recuerda ser coherente en toda tu página con los tipos una vez que te hayas decidido por ellos y no utilices otra combinación de letras en otra subpágina.

¿Qué tipografía puedes utilizar?

Te presentamos a continuación algunas de nuestros tipos de letra favoritas en diferentes categorías: serifa, sin serifa, serifa slab, manuscrita y decorativa. Creemos que todas ellas son aptas para una página web y suelen dar una buena sensación dentro de la variedad de sus diversos ajustes.

Tipografía serifa para los textos de una página web.

Serif (Serifada)

Descripción

La tipografía serifa tiene pequeñas pinceladas o trazos que se extienden desde los extremos de las letras o símbolos. No son muy recomendables para textos largos debido a que puede parecerse a un escrito de universidad o dar la sensación de borrosos, aunque si sabes utilizarlos, pueden darle a tu página un estilo clásico o tradicional.

Ejemplo de texto para una web con tipografía serifa.
dicksonfong.com

Uso y tipografía recomendada

Para títulos, enlaces o párrafos cortos, no para textos largos.

La tipografía sin serifa inspira modernidad.

Sans Serif (Sin serifa)

Descripción

La tipografía sin serifa no presenta pinceladas o trazos, sino cortes limpios en los extremos. La mayoría de las páginas emplean tipografía sin serifa para el texto del cuerpo de la página, ya que son más legibles en la pantalla y dan la sensación de páginas modernas.

 

Muy recomendables por ser limpias, legibles y versátiles sin resultar aburridas.

Ejemplo de página web con tipografía sin serifa.
http://www.123-piano.be/en/

Uso y tipografía recomendada

Para la navegación y el cuerpo gracias a su legibilidad.

Las tipografías sin serifa inspiran fuerza y precisión.

Slab Serif o Egipcia

Descripción

Se caracteriza por la poca diferencia entre las líneas gruesas y finas. Los remates suelen ser tan gruesos como las propias líneas verticales y no suelen tener soporte. Los tipos de letra slab tienen apariencia fuerte y rectangular. En ocasiones los caracteres son de anchura fija, es decir, todos ocupan lo mismo horizontalmente

 

Muy recomendables por ser atractivas y guardar el toque clásico de una serifa tradicional. En combinación con una de las anteriores sin serifa dan un resultado muy convincente.

Ejemplo de página web con tipografía egipcia.
chimneys.pedrogaspar.net

Uso y tipografía recomendada

Para el título y enlaces de navegación, aunque también se ve cada vez más para el cuerpo.

La tipografía manuscrita inspira sentimientos como la nostalgia.

Manuscrita

Descripción

Saber utilizar bien las tipografías manuscritas no es tan fácil. Pueden resultar perfectas para títulos o frases cortas, pero no son lo suficientemente legibles para emplearlas en el cuerpo.

 

Si piensas utilizarla para tu página profesional o tienda online, asegúrate de que transmiten la personalidad que estás buscando. Puedes jugar con una gran gama de posibilidades: divertida o elegante, moderna o retro...

Ejemplo de sitio web con una tipografía manuscrita.
google.com/hangout

Uso y tipografía recomendada

Para títulos y resaltes, pero evita usarla en el cuerpo y en los enlaces de navegación

Una tipografía decorativa da un toque único y divertido a tu web.

Decorativa

Descripción

¿Buscas una tipografía amena para animar un poco tu página y darle más carácter? Hay un sinfín donde elegir, pero al igual que las manuscritas, debes usarlas con cuidado, sobre todo en las páginas profesionales.

 

Los siguientes ejemplos no se ajustan a ninguna de las categorías mencionadas anteriormente, pero merece la pena echarle un vistazo.

Ejemplo de sitio web con tipografía decorativa.
threepennyeditor.com

Uso y tipografía recomendada

Para títulos y líneas de texto cortas. Difícil de leer en párrafos largos.


En caso de encontrar una página que te guste, es fácil descubrir que tipo de letra está empleando. Si utilizas Google Chrome, puedes descargar la extensión WhatFont, que te indicará qué fuente es cuando pases el curso sobre el texto de la página. Esto también es posible con Firefox, usando FontFinder. Otras opciones son páginas web como WhatTheFont y What Font Is donde puedes subir una imagen o captura de pantalla para que examinen las características de las letras de la imagen y puedan indicar exactamente cuáles son o las que más se le parecen.

Esperamos haberte ayudado a decidirte por un tipo de letra u otro y recuerda, como dice  Urbanfonts, que:

 

El mejor tipo de letra para tu web es aquel que capta la atención de tus visitas, no por su estilo, sino por su mensaje.

¿Todavía no tienes tu página web? ¡Descubre cómo crear tu web con el diseño más moderno y sin tener que programar!




Comentarios: 12 (Discusión cerrada)
  • #1

    Andres Gustavo Peña Uj (viernes, 12 diciembre 2014 16:59)

    una pregunta como puedo dividir una seccion en pagina1,2,3 etc... existe esa opcion y como poner botones como les que tienen ustedes para compartir y enlazar facebook,twitter, etc... gracias

  • #2

    MiPsico Consulta Psicológica Online (viernes, 12 diciembre 2014 17:20)

    Genial!! Estáis en todo!!

  • #3

    emigraraaustraliawillworl (viernes, 12 diciembre 2014 20:14)

    muchas gracias equipo jimdo

  • #4

    lapizypapel (sábado, 13 diciembre 2014 12:16)

    Uno de los artículos más interesantes que he leído esta semana. Muchas gracias por la info.

  • #5

    Manuel Ángel (sábado, 13 diciembre 2014 20:34)

    Nos hemos decantado por Open sans ya que empleamos textos abundantes para explicar nuestros productos y sistemas de aplicación en suelos y pavimentos industriales continuos, no queremos por nada del mundo que nuestros clientes dejen de leer a mitad de la descripción.

    Una vez más es un estupendo artículo que nos recuerda lo sencillo y elegante de lo básico.

  • #6

    Anes Ortigosa (sábado, 13 diciembre 2014 23:05)

    Ciertamente es importante conocer las diferentes tipologias de letras que exiten. Y sobre todo escoger las que mejor encajan con el proyecto que se tiene entre manos.
    Muy buen texto ;)

  • #7

    miauto27 (lunes, 15 diciembre 2014 17:29)

    gracias por la información esta muy buena la, estuve buscando informacion al respecto y conseguía, pero valió la pena la espera

    gracias Lucía Iribarren -

    saludos desde Guatemala

  • #8

    abogadosdeseguros (lunes, 15 diciembre 2014 18:13)

    gracias jimdo

  • #9

    cuadrosdeplastilina (martes, 16 diciembre 2014 18:29)

    muchas gracias por los tips

  • #10

    agraltamecanica (miércoles, 17 diciembre 2014 01:36)

    gracias por sus consejos

  • #11

    Ángel Sánchez Vicente (miércoles, 17 diciembre 2014 12:44)

    Gracias!

  • #12

    consultoriaempresarialmex (martes, 23 diciembre 2014 20:35)

    Como siempre, tienen ayudas muy útiles.

    Gracias