Blog sobre Web Hosting y Dominios

Los mejores Tipos de letras para una Pagina Web (Tipografia o Fuentes)

La tipografía implica seleccionar el tipo de letra (familia de fuentes), el tamaño de fuente, la longitud de línea, el espacio entre líneas y el espacio entre letras

¿Qué transmiten las tipografías y cómo nos afectan emocionalmente?

El primer paso a la hora de hacer un diseño tipográfico es escoger el concepto básico, el que queramos transmitir, y a partir de aquí, decidir sobre cuál es la manera tipográfica más adecuada para transmitir ese concepto; ¿utilizaremos letras con serif o sin? ¿Serán geométricas o basadas en la escritura? ¿Modulares o orgánicas? La elección de una tipografía es muy importante ya que manteniendo todos los elementos gráficos de una composición, sólo cambiando la fuente, la sensación y percepción que genera es muy diferente.

¿Qué fuente debo usar para mi sitio web?

Te recomendamos encarecidamente que utilices una fuente segura para web porque así sabrás que es compatible con varios dispositivos de forma predeterminada.

1. Arial

tipos de letra Fuente HTML Arial

Arial es una de las tipografías más populares, tanto para medios impresos como en línea. Es una tipografía muy sencilla que permite ser impresa correctamente en aparato de baja resolución, debido a que Microsoft hizo grandes esfuerzos en optimizarla.

2. Times New Roman

Fuente Times New Roman HTML tipo de letra para web

Times New Roman es una variación de la antigua fuente Times del grupo Serif. Con su aspecto profesional, se ha convertido en la opción favorita para los medios impresos y el contenido más formal. Además, este tipo de letra favorece a los sitios web de noticias e instituciones similares.

3. Helvetica

Fuente HTML Helvetica tipo de letra para web

Los diseñadores adoran Helvetica porque es neutral y adecuada para cualquier tipo de negocio. Es por eso que muchas marcas de renombre, como JeepKawasakiMotorola y BMW, eligieron esta fuente. Estamos seguros de que las personas no pueden equivocarse al elegir Helvetica, independientemente de los propósitos.

4. Times

Fuente HTML Times tipo de letra para web

Originalmente, Times se usaba para imprimir la mayoría de los periódicos, y desde entonces se ha asociado con el periodismo y la escritura académica. Por lo tanto, si deseas agregar un sentimiento tradicional o formal a tu sitio web, esta fuente es una opción perfecta.

6. Verdana

Fuente HTML Verdana tipo de letra para web

Este tipo de letra es fácil de leer, incluso cuando se utilizan tamaños de fuente pequeños o cuando se muestra en pantallas de baja resolución. Esto hace que Verdana sea una excelente fuente de pantalla. Sin embargo, una gran empresa como IKEA utiliza Verdana no solo para su sitio sino también para sus catálogos impresos. Así que si estás buscando una fuente HTML con una gran legibilidad, debes probar este tipo de letra.

7. Courier

Tipo de letra Courier tipo de letra para web

Se puede decir que Courier es la fuente más famosa de la familia monospace, todos los sistemas operativos vienen empaquetados con ella. Este tipo de fuente HTML también ha sido un estándar para los guiones de películas. Por lo tanto, si tu sitio web tiene que ver con ese tema, definitivamente debes considerar agregar Courier a tu sitio.

8. Arial Narrow

Tipo de letra Arial Narrow tipo de letra para web

Es una de las versiones de Arial que ofrece un diseño más elegante que el original. Los usuarios pueden encontrar esta fuente alternativa preinstalada en una variedad de sistemas operativos. Al igual que su predecesor, Arial Narrow es versátil y se adapta a cualquier tipo de página web.

9. Candara

Tipografía Candara

Microsoft Vista es el primer sistema operativo que llevó a Candara a la corriente principal. Es compatible con el sistema de representación de texto ClearType de Windows, que debería mejorar la legibilidad del texto en pantallas LCD.

10. Ginebra

Tipo de letra ginebra tipo de letra para web

Ginebra pertenece al grupo Sans-serif y fue desarrollada originalmente por Apple. Similar a cualquier tipo de letra en esta familia de fuentes, Ginebra ofrece un aspecto claro y moderno para tu sitio web o blog.

11. Calibri

Tipografía Calibri

Es la fuente predeterminada para Microsoft Office. Con Microsoft Windows todavía en la cima de las tendencias de cuota de mercado de los sistemas operativos de escritorio, las personas no deberían tener problemas para leer esta fuente HTML en sus navegadores.

12. Optima

Tipo de letra Optima

Optima se inspira en las letras mayúsculas romanas clásicas. Se utiliza en muchos lugares, desde señales de tráfico hasta logotipos de productos de belleza. Esta fuente HTML es elegante y altamente visible, lo cual es perfecto para hacer que tu contenido destaque.

13. Cambria

Diseño de fuente Cambria tipo de letra para web

Calibri, Candara y Cambria pertenecen al estilo de fuente ClearType que Microsoft creó. Con proporciones muy uniformes, Cambria fue diseñado para una excelente experiencia de lectura en pantalla, incluso cuando se muestra en tamaños pequeños.

14. Garamond

Diseño de fuente de Garamond tipo de letra para web

Garamond es el tipo de letra clásico para muchos libros impresos. Los diseñadores de impresión lo consideran una de las mejores opciones, gracias a su aspecto atemporal y buena legibilidad. Estamos convencidos de que Garamond es adecuado para agregar un matiz antiguo a un sitio web o blog.

15. Perpetua

perpetua-fuente tipo de letra para web

La fuente proviene de la idea de un escultor inglés que fue influenciado por letras de monumentos. Las características formales alentaron a Penguin Classics y a la Universidad de Pennsylvania a presentar a Perpetua en sus publicaciones. Con todo esto, una página educativa o informativa definitivamente puede beneficiarse de esta fuente HTML.

 

17. Didot

Diseño de fuente didot tipo de letra para web

Didot es una fuente serif que ha sido descrita como neoclásica por muchos críticos, lo que significa que tiene un diseño clásico pero con un toque moderno. Lo usa CBS News y The Late Show con Stephen Colbert. Este tipo de letra es conocido por su alto contraste y mayor estrés, lo que lo ayuda a destacar.

 

 

 

Aquí te compartimos un listado con las mejores tipografías para web, según las estadísticas.

Es importante que sepas que las primeras 10 son las que mejores resultados han dado, debido a diferentes aspectos como la legibilidad y el impacto que generan entre los lectores.

  1. Roboto
  2. Open sans
  3. Lato
  4. Slabo 27px/13px
  5. Oswald
  6. Source Sans Pro
  7. Montserrat
  8. Raleway
  9. PT sans
  10. Lora
  11. Calibri
  12. Cera
  13. Helvética®Neue
  14. Keep calm
  15. Code
  16. Dolce vita
  17. Nova
  18. Quicksand
  19. Fine style
  20. Asesine
  21. Ubuntu
  22. Amaranth
  23. Poppins
  24. Playfair display
  25. Old standar TT
  26. Abril fatface
  27. Advent pro
  28. Patua one
  29. Varela round
  30. Chivo

Suscríbete a nuestro blog!

No te perderás de todo el contenido que subimos cada semana. Hablamos de hosting, diseño web, optimización de tu sitio, seguridad, entre muchas otras cosas más.

Artículos Relacionados

Isotipo Solo Web Solo Web

Tinypng Optimizacion de Imagenes

TinypngEs imprescindible optimizar imagenes para que la velocidad de la pagina web sea la...

Isotipo Solo Web Solo Web

Los mejores bancos de Imágenes para tu página Web

Los mejores bancos de imágenes para tu Sitio Web o Tienda Virtual   Al hacer una publicación...

Isotipo Solo Web Solo Web

Sitemap y robots.txt para mejorar tu web

Crear los archivos sitemap.xml y robots.txt .....es un proceso relativamente sencillo pero es...

Isotipo Solo Web Solo Web

ColorZilla identifica colores de una pagina web

Colorzilla Es una extensión para navegadores Google Chrome y Firefox, que permite identificar...

Isotipo Solo Web Solo Web

Cómo combinar SEO y Diseño Web

Todos hemos llegado a un punto donde queremos posicionar nuestra página con una estrategia de...