En general, una buena regla general es limitarse a uno o dos tipos de letra , uno serif y uno sans-serif. Puede usar uno para titulares y menús y otro para el texto del cuerpo. Los diseñadores experimentados a veces usan más, pero se necesita una comprensión profunda de la tipografía para hacer que más de 2 tipos de letra funcionen bien.
Las fuentes web, como las de Google o Typekit, pueden tardar más tiempo en cargarse , por lo que es posible que desee utilizar una de ellas en combinación con una fuente normal segura para la Web.
También debe proporcionar opciones de reserva en caso de que haya una interrupción del servidor. Por ejemplo, si usó Google Roboto, podría usarlo como
Familia tipográfica: ‘Roboto’, Helvetica, Arial, sans-serif;
- ¿Cómo hacer una fuente digital y qué software se utiliza? ¿Cuál es el flujo de trabajo para crear el diseño preliminar de una tipografía?
- ¿Cuáles son los pros y los contras de las fuentes Monotype y Linotype?
- Adobe Creative Cloud (producto): ¿Cuáles son las diferencias y las ventajas y desventajas entre la métrica y la óptica?
- ¿Cuál es la mejor manera de hacer una buena tipografía?
- ¿Cuándo ingresa un tipo de letra al dominio público?
Al elegir los tipos de letra, piense en cómo se relacionan con su marca y también en la legibilidad. Elija colores que proporcionen un buen contraste con sus fondos y tamaños que sean fáciles de leer.
Las fuentes serif como Georgia o Times New Roman son mejores para largos fragmentos de texto, ya que las serif ayudan a atraer la atención a través de la página. En los primeros días de la web, la gente recomendaba usar fuentes sans-serif para todo porque las pantallas de las computadoras tenían una resolución más baja y las caras serif no siempre eran tan nítidas. Con mejores resoluciones, eso ya no es una preocupación.
Use una altura de línea más grande para párrafos más anchos. Cuando nuestros ojos tienen que moverse a través de una gran parte del tipo, es más fácil de seguir si tenemos más espacio entre cada línea. Podemos pasar con menos espacio en columnas estrechas.
Recursos:
Tipografía práctica de Butterick (Esta es una buena descripción de la tipografía).
Estudio de caso: análisis del rendimiento de fuentes web
¿Debo usar fuentes de Google o Adobe Typekit?
Reglas y términos de tipografía que todo diseñador debe saber
Amo la tipografía
Web Safe y Web Font Family con código HTML y CSS.