vie

12

dic

2014

Elige la tipografía para tu web


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.

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.

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.

dicksonfong.com
dicksonfong.com

Uso y tipografía recomendada

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

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.

http://www.123-piano.be/en/
http://www.123-piano.be/en/

Uso y tipografía recomendada

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

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.

chimneys.pedrogaspar.net
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.

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, 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...

google.com/hangout
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

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.

threepennyeditor.com
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.
Lucía Iribarren - traductora de Jimdo
Lucía Iribarren - traductora de Jimdo


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