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


11

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.

Respuestas:


10

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.


1
¡Guauu! ¡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 letra diferentes a la vez era mi antiguo jefe de diseño gráfico. agencia en Alemania. No me gustó mucho y me dijo que había muchos golpes de toro mientras trabajaba allí, así que creo que su regla de 3 tamaños diferentes no tiene sentido si me preguntas. Solo una nota rápida ...
drpelz

4

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.


2

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.


Si bien los periódicos usan la escala para acomodar diversos niveles de importancia, también se usaron tradicionalmente como un medio de ajuste de copia.
DA01

¡Las nubes de etiquetas son un buen ejemplo!
hasta el

2

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!


1
¡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.
drpelz
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.