¿Cuál es el número ideal de tamaños de fuente para usar en un sitio web?

Me gustaría saber cuántos tamaños de fuente puede usar para un sitio web.

Alguien me dijo que es mejor no usar más de 3 tamaños de fuente diferentes (por ejemplo, 16px para encabezado, 11px para texto y 13 px para encabezados más pequeños).

¿Es una buena o mala idea usar más de 3 tamaños de fuente por página web (por ejemplo, 4)? Solo pregunto porque estoy considerando usar un cuarto pero no sé si podría arruinar mi diseño.

Esta pregunta es interesante. Sinceramente, nunca he oído hablar de un número limitado de tamaños de fuente. Sin embargo, he oído hablar de la cantidad de caras de fuente que generalmente no exceden de 2 o 3. En la web receptiva de hoy, verá que los tamaños de fuente cambian todo el tiempo dependiendo de la ventana gráfica.

Esta no sería una buena respuesta sin algunas fuentes, por lo que hay dos artículos interesantes que creo que deberías leer de Smashing Magazine. Una es sobre las pautas y técnicas de tipografía (lo he vinculado a la sección en la que hablan sobre escalar las etiquetas de encabezado en términos relativos) h1: 1.5ems, h2: 1.375ems, etc.

El segundo artículo es un gran estudio que Smashing Magazine hace sobre tipografía todos los años en algunos de los sitios más populares de la web. Estos sitios se basan principalmente en el contenido, por lo que la tipografía es de vital importancia para ellos.

Sin embargo, creo que lo que encontrará es que no hay ninguna práctica recomendada en general para los tamaños de fuente. Siempre que no cambien drásticamente para distraer al espectador, puedes jugar con ellos a tu discreción. Si puede usar los tamaños de fuente de una manera distinguible para que el usuario pueda relacionar un tamaño de fuente con un tipo de contenido en particular, entonces debería estar bien. Simplemente no te vayas por la borda.

Me gustaría saber cuántos tamaños de fuente puede usar para un sitio web.

Técnicamente, una cantidad infinita.

Alguien me dijo que es mejor no usar más de 3 tamaños de letra diferentes

El diseño 'bueno' tiende a funcionar dentro de un conjunto de restricciones, por lo que muchas de estas reglas de tipo de regla general son solo eso: las restricciones se utilizan para controlar el rango de opciones para proporcionar algo de enfoque y dirección.

¿Es una buena o mala idea usar más de 3 tamaños de fuente por página web?

Si. Y no. Er ... depende.

Todo se basa en los detalles de su diseño. Pregúntese: ¿funciona agregar un cuarto tamaño de fuente? ¿Puedes justificar su uso? Si es así, ve por eso.

Tantos como quieras. Piensa en un periódico. Puede usar muchos tamaños diferentes para encabezados para expresar importancia relativa. No hay una razón general por la que no puedas hacer lo mismo en las páginas web. Por ejemplo, las nubes de etiquetas hacen un uso intensivo de la variación del tamaño de fuente.

Estoy de acuerdo con la mayoría de las respuestas que se han dado anteriormente, pero me gustaría agregar una más aquí.

Primero, creo que debe asegurarse de mantener un diseño que siga siendo atractivo para los visitantes como máximo. Si mezcla y combina los tamaños de fuente tanto, podría terminar siendo más desordenado y difícil de leer.

En segundo lugar, considere la base de usuarios. ¿Quién va a usar su sitio? Algunas personas usan diferentes plataformas y ciertos tamaños de fuente se ven diferentes en diferentes plataformas.

Lo más importante es mantener un aspecto coherente en sus páginas. ¡Buena suerte!