Tipografía y su sitio web: 4 Consejos que marcan una gran diferencia en la presentación

Su sitio web es una presentación. La comunicación con los visitantes y lectores se produce principalmente a través del texto de su sitio web. La tipografía de un sitio web puede ayudar a hacer que toda la experiencia en su sitio web sea fluida y agradable.

Pero la incorporación de la tipografía en un sitio web es estratégica.

La información en línea viene en forma de texto, imágenes y vídeos. Pero, el diseño web en sí mismo es 95% tipografía. Los sitios web que tienen buena tipografía tienen mejor balance gráfico, legibilidad, usabilidad y accesibilidad.

Centrarse en la interfaz de usuario permite un sitio web limpio y fácil de navegar.

Unos pequeños cambios pueden hacer que su sitio web pase de ser una monstruosidad a ser un sitio agradable que ofrezca un equilibrio y funcionalidad perfectos.

Los cambios que usted puede incorporar a su sitio web son:

1. Pegarse a fuentes estándar

Es tentador elegir una fuente exótica. Después de todo, los sitios web deben destacar, pero las fuentes deben ser estándar. Hay algunos sitios web que pueden tener un propósito para una fuente personalizada o una fuente que es rara. Los servicios de incrustación ofrecen más que suficientes fuentes que puede usar (Typekit y Google).

Pero es mejor seguir con las fuentes comunes, como:

• Arial
• Calibri

Si una fuente es una fuente del sistema, a menudo es una buena elección. Las fuentes estándar pueden no tener la formación exótica que ofrecen otras fuentes, pero son más fáciles y rápidas de leer.

2. La longitud de la línea importa

Una buena experiencia de lectura significa que usted necesita limitar la cantidad de texto que hay en cada línea. Usted puede elegir ir con la recomendación de 60 caracteres por línea. Este número puede variar, pero es un consenso general que 60 caracteres es lo mejor para la legibilidad.

Los dispositivos móviles son mucho más pequeños que una pantalla normal, por lo que se recomiendan hasta 40 caracteres.

Los diseñadores web tienen varias maneras de limitar el número de caracteres en una línea. Los anchos de los bloques de texto son la mejor opción. Establezca los em o píxeles del bloque de texto para permitir la cantidad de caracteres deseada para obtener los mejores resultados.

3. Los tamaños de fuente deben ser crujientes

Las fuentes deben verse bien en diferentes resoluciones y tamaños de pantalla. La introducción de dispositivos móviles obliga a los diseñadores web a pensar críticamente sobre las fuentes que eligen. C. Lee Services tiene un gran ejemplo de una fuente que se ve bien como:

• Texto del cuerpo
• Encabezados
• Texto grande
• Texto pequeño
• Títulos
• Subtítulos
• Botones

Es vital que la fuente sea legible en una variedad de tamaños diferentes, centrándose en los dispositivos móviles más pequeños al realizar las pruebas.

4. Incorporar Fallbacks para fuentes

CSS permite a los diseñadores web hacer cambios rápidos y sencillos en el estilo de un sitio web. Un estilo que a menudo se pasa por alto y que necesita ser corregido es la familia de fuentes. Si está eligiendo una fuente que no es una fuente del sistema o es una fuente del sistema, desea incluir una copia de seguridad en el archivo CSS.

Por qué?

Esto permite a los navegadores web que no muestran su fuente mostrar la fuente de copia de seguridad en su lugar. Los proveedores de fuentes web son la principal preocupación aquí. Algunos proveedores tendrán una fuente de reserva automática. Typekit cubre cómo configurar fuentes de emergencia de la manera correcta.

La tipografía hace una diferencia drástica en la apariencia de su sitio web y en la experiencia del lector. Vale la pena dedicar tiempo a implementar los consejos anteriores para hacer de su sitio una experiencia placentera para cada espectador.