¿Cuál es un buen tamaño de fuente base para aplicaciones web?

Answer 1

Para los sitios web, tiendo a comenzar con una base de 16px, aunque puede depender de la fuente y el color. Si bien eso se consideraría de gran tamaño en la impresión (donde podría usar 11/12), tiende a verse más pequeño en dispositivos de mayor resolución. Históricamente, las Mac tenían una resolución más alta que las de las PC, así que siempre traté de asegurarme de que fuera lo suficientemente grande para los usuarios de Mac (como yo) sin ser demasiado voluminoso en las PC de Win.

Por supuesto, todas las plataformas han recorrido un largo camino desde las pantallas de 72 px por pulgada de antaño y estamos diseñando para una gama mucho más amplia de dispositivos, tamaños de pantalla y resoluciones.

Creo que es mejor errar por el lado de ser grande y dejar que la gente se desplace que por ser demasiado pequeño y hacer que la gente se acerque o ajuste su tamaño de fuente en el navegador. Esto también es importante para los enlaces en dispositivos de mano.

Smashing Magazine tiene un buen artículo que explica por qué 16 debería ser el más pequeño para el texto. El autor incluyó un buen recordatorio de que muchos de nuestros usuarios finales no saben que pueden ajustar el tamaño de la fuente.

http://www.smashingmagazine.com/…

Answer 2

Gracias por A2A !!

Con esta investigación en mente, déjame preguntarte: ¿cuántos lectores de tu cliente tienen alrededor de 40? Porque tienen que trabajar el doble de duro para leer que los de 20 años. Si están más cerca de los 60, tienen que trabajar cuatro veces más duro.

Casi 1 de cada 10 de sus lectores también tiene problemas con sus ojos. Del resto que no lo hace, la mayoría aún tendrá que esforzarse para leer texto de menos de 16 píxeles, incluso si no se dan cuenta de que lo están haciendo. (¿Con qué frecuencia te encuentras encorvado sobre la pantalla?) Y eso si se inclinan cerca, lo que probablemente encontrarían incómodo y poco ergonómico. ¡Su posición natural de sentado será al menos a un brazo de la pantalla!

En resumen, para el usuario promedio de la Web, leer la mayoría de los sitios web no es diferente a tomar un examen de la vista.

Cuanto más difícil sea leer su texto, menos se leerá, y se entenderá menos de lo que se lee. 10 píxeles es esencialmente inútil. 12 píxeles todavía es demasiado pequeño para la mayoría de los lectores. Incluso 15 píxeles apagarán a los visitantes que de otro modo podrían haberse convertido.

Por lo tanto, podemos concluir que si desea que el número máximo de personas lea, comprenda y actúe sobre su texto, debe establecerlo en un tamaño mínimo de 16 píxeles.

Answer 3

Estás en lo correcto, la tendencia es crecer, pero realmente debes considerar el contenido, la aplicación y lo que es apropiado para sus usuarios.

Intente usar algo como YUI Fonts – http://developer.yahoo.com/yui/f … al principio. Es una buena base para que los tamaños de fuente coincidan en todos los navegadores. Por lo general, 11px se considera el más pequeño que debe ir (suponiendo que esté usando PX y no EM). Vea este excelente artículo sobre el uso de EM: http://www.alistapart.com/articl … Tenga en cuenta también que un usuario puede aumentar / disminuir los tamaños de fuente de lo que está viendo en la pantalla fácilmente, y que su diseño debe adaptarse a esas situaciones. Un nuevo proyecto interesante que hace algunas cosas interesantes con el tamaño de fuente es este complemento jQuery: http://fittextjs.com/

Más información sobre una pregunta similar sobre stackexchange: http://ux.stackexchange.com/ques …