Saltar al contenido

¿Qué tipo de letra se usa en una página web?

¿Qué tamaño de letra es este?

¿Cuántas veces te has encontrado entrecerrando los ojos en una página web intentando leer el texto y te has visto obligado a aumentar el zoom de tu navegador? ¿O el texto era demasiado grande y, como tal, dificultaba seguir el flujo del texto y tu atención estaba en todas partes?

Algunos sitios web no prestan atención a ninguna regla tipográfica, pero si estás haciendo un sitio web para tu negocio, deberías hacerlo. Es necesario un tipo de letra que sea apropiado para tu marca y el tono de tu sitio web, y también quieres que todo sea legible y fácil de leer.

El tráfico en dispositivos móviles subió un 222% en los últimos 5 años, y en febrero de 2019, el 48% de las visitas a páginas web se hicieron desde dispositivos móviles. La navegación móvil sigue creciendo y es muy poco probable que la navegación de escritorio vuelva a tomar el relevo. Sólo tiene sentido que las empresas estén optimizando su sitio web para la navegación móvil, también.

Cuando se trata de texto secundario, hazlo un par de tamaños más pequeños que el tamaño que elegiste para el cuerpo, para que la gente pueda distinguirlos. Quieres que la jerarquía sea clara: los titulares deben ser siempre más grandes que el texto.

Descargue la fuente del sitio web

No hace mucho tiempo, las mismas fuentes monótonas aparecían en casi todos los sitios web, independientemente del sector o la marca. Era difícil implementar fuentes únicas porque no había forma de mostrarlas correctamente en todos los navegadores.

Las fuentes seguras para la web son fuentes que se adaptan a cualquier navegador en cualquier dispositivo. Al utilizar este tipo de fuentes, los diseñadores y desarrolladores web se aseguran de que la fuente deseada siempre se mostrará correctamente en una página web, incluso si estas fuentes no están instaladas en el ordenador del usuario.

Como resultado, los vendedores no sabían cómo se mostraban sus páginas web al usuario final. Si el contenido de una página no se adapta perfectamente a un tipo de letra diferente, el usuario puede tener problemas de funcionalidad y diseño.

Las fuentes seguras para la web resuelven este problema y son ahora un estándar en el diseño web. Al elegir un tipo de letra seguro para la web, puedes estar seguro de que tu texto siempre aparecerá como está previsto. Lo mejor es que no tienes que limitarte a las fuentes con serifa. Veamos los distintos tipos.

Con tantos avances en el diseño web, es fácil preguntarse si las fuentes seguras para la web son obsoletas. Al fin y al cabo, ahora tenemos bots de IA y un marco de trabajo dedicado al diseño de páginas móviles. Seguramente existe una tecnología que hace que todas las fuentes sean seguras para la web.

Qué tipo de letra

¿Así que estás navegando por la web y te encuentras con la mejor combinación de fuentes pero no puedes identificar el tipo de letra? Pues en este vídeo (y en la lista de abajo) te muestro exactamente cómo encontrar esas fuentes…

La extensión para Chrome y Firefox de Fontanello, en mi opinión, es la forma más rápida de averiguar qué tipo de letra utiliza una página web. Simplemente haces clic con el botón derecho del ratón sobre el texto, buscas Fontanello en el menú y ahí está la familia de fuentes y algunos atributos adicionales.

La extensión de WhatFont para Chrome y Safari es mi opción favorita cuando se trata de descubrir fuentes. Para activar la herramienta debes hacer clic en el icono de What Font en el menú del navegador. Ahora puedes seleccionar varias partes del texto permitiendo una mejor visualización del desglose de la fuente frente a Fontanello.

La extensión de Chrome Visual Inspector ofrece un poco más de profundidad que las dos anteriores. Basta con hacer clic en el icono del Inspector Visual en el menú de Chrome para activar la herramienta, y luego dirigirse a la sección de Tipografía en el menú desplegable. Ahora se le presentan las familias de fuentes utilizadas con un desglose adicional de toda la tipografía dentro de la página web.

Heredar la fuente

Hablando por mí, soy un ávido navegante de páginas web, recolector de conocimientos y buscador de datos. Sin embargo, nunca he salido de, por ejemplo, un artículo de Wikipedia y he pensado: «¡Vaya, el texto de esa página era tan legible!».

La tipografía desempeña un papel fundamental en cualquier sitio web, ya que garantiza que podamos leer y procesar cómodamente todo su contenido basado en texto. Si la tipografía de un sitio web funciona, no lo notaremos. Si falla, lo más probable es que abandonemos la página.

Todo sitio web tiene texto, y donde hay texto hay una buena o mala tipografía. Así que, como propietario de un sitio web, debe invertir tiempo en la tipografía de su propio sitio. Si se centra en el aspecto y la legibilidad de sus palabras, se asegurará de que sus lectores no se sientan desafiados por su texto. Y para los pocos que sí aprecian una buena tipografía, su atención a los detalles transmitirá profesionalidad, empatía e inteligencia de diseño.

Esta guía le dirá todo lo que necesita saber para empezar con la tipografía de sitios web. Cubriremos algunos términos esenciales, y luego repasaremos nueve pautas generalizadas que todo encabezamiento y bloque de texto legible debería seguir.

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad