Me parece recordar que me encontré con una regla de UX hace varios años que se refería a la cantidad máxima de estilos de fuente que se deben usar en una página web. ¿Puede alguien aquí que esté más involucrado con UX proporcionar alguna idea sobre esto? ¿La regla general es un máximo de 3 donde un estilo se define como cualquier variación/combinación de atributos de fuente como tamaño (12, 14, 16, etc.), familia (arial, etc.), peso, etc.?
Mi recomendación es usar un máximo de 3 :
1. Debe apuntar a la coherencia y, al agregar demasiados estilos de fuente, corre el riesgo de romper la regla de la unidad en el diseño.
2. Consideraciones de rendimiento. Al agregar demasiadas fuentes, puede aumentar drásticamente el peso de su sitio y ralentizará el sitio web.
Sin embargo,
Hay situaciones y proyectos que pueden beneficiarse de muchas fuentes. Una vez diseñé un cartel para un concierto en mi ciudad y terminé usando 10 fuentes diferentes para él. Casi cada palabra era una fuente diferente :). Además, era solo un póster, no un sitio web.
Aquí hay algunos enlaces para leer más:
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles
http://usabilitygeek.com/12-typography-guidelines-for-good-website-usability/
No... No hay ninguna regla para los estilos de fuente. Esta es su llamada de diseño, cuántos estilos de fuente desea usar.
Pero idealmente 1-3 estilos de fuente que puede usar para su proyecto.
Aprendí a no poner más de 2 fuentes en una sola PÁGINA en la escuela (2015ish), sin embargo, regularmente noto múltiples estilos de fuente en una sola página en el trabajo de otras personas. Como regla general, uso dos fuentes constantemente en un sitio y agregaré una fuente adicional para estilizar según sea necesario en una sola página. Pero recuerda que estas opciones de estilo están destinadas a mejorar tu página. Su fuente no debe distraer a un lector promedio y no debe hacer que su sitio se vea caótico o desorganizado. Mientras sientas que estás mejorando y no quitando de tu trabajo, haz lo que quieras.
En cuanto a atributos como el tamaño de fuente, uso el tamaño para ayudar a organizar la página y eso se logra mediante la consistencia en todo el sitio. Cumplir con una familia es un poco diferente porque los diferentes navegadores manejarán su código de manera diferente. Por lo tanto, puede incluir una fuente específica, pero el navegador podría empujarla al estilo más similar o al valor predeterminado de su familia de todos modos. La mejor manera de evitar esto es probar en muchos entornos. Pero, de nuevo, estas opciones se reducen a preferencias.
Zach Saucier