¿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 se pueden utilizar para un sitio web.

Alguien me dijo que es mejor no usar más de 3 tamaños de fuente diferentes (por ejemplo, 16 px para encabezado, 11 px para texto y 13 px para títulos 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.

Respuestas (4)

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 que el número de tipos de letra generalmente no supera los 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, así que hay dos artículos interesantes que creo que deberías leer de Smashing Magazine. Uno es sobre 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 cada año en algunos de los sitios web más populares. 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 mejores prácticas generalmente acordadas para los tamaños de fuente. Mientras 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 excedas.

¡Guau! ¡Muchas gracias por esa increíble respuesta!:D ¡Me salvaste el día! :) Solo quería mencionar que el tipo que me dijo que nunca deberías usar más de 3 tamaños de fuente diferentes a la vez fue mi antiguo jefe de diseño gráfico. agencia en Alemania. No me caía bien y me dijo muchas tonterías mientras trabajaba allí, así que creo que su regla de 3 tamaños diferentes es una completa tontería si me preguntas. Solo una nota rapida...

Me gustaría saber cuántos tamaños de fuente se pueden utilizar para un sitio web.

Técnicamente, una cantidad infinita.

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

El 'buen' diseño tiende a funcionar dentro de un conjunto de restricciones, por lo que muchas de estas reglas generales son solo eso: restricciones utilizadas para controlar el rango de opciones para proporcionar algún enfoque y dirección.

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

Sí. Y no. Eh... 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 los encabezados para expresar la importancia relativa. No hay una razón general por la que no pueda 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.

Si bien los periódicos usan la escala para adaptarse a los diferentes niveles de importancia, también se usaban tradicionalmente como un medio de ajuste de la copia.
¡Las nubes de etiquetas son un buen ejemplo!

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 tanto los tamaños de fuente, podría terminar siendo más desordenado y difícil de leer.

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

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

¡Básicamente tienes razón, por supuesto! :) PERO 3 tamaños de fuente solo pueden dificultar el desarrollo de un sitio de juegos complejo en mi caso.