¿Cuáles son las configuraciones óptimas para la tipografía web para mejorar la legibilidad?

Desafortunadamente, no tengo una fuente para esto (estoy seguro de que una búsqueda en Google te daría algunas buenas), pero si recuerdo correctamente (estas son todas las reglas generales y variarán según tu diseño, naturalmente):

  • Tamaño de fuente “mejor” para el texto del cuerpo: 12-14 px.
  • Los encabezados deben tener el doble del tamaño del texto del cuerpo (si el texto del cuerpo es 12, el encabezado debe ser 24).
  • La altura de la línea debe ser 1.5x tamaño del texto del cuerpo (para texto de 12px, la altura de la línea debe ser 18).
  • Para facilitar la lectura, utilice un fondo claro y un texto oscuro.
  • Las fuentes Sans-serif son más fáciles de leer en las pantallas, mientras que las serif son más fáciles de leer en la impresión. Las serif se vuelven más difíciles de leer a medida que se hacen más pequeñas en comparación con las sans serif.
  • La longitud de la línea debe ser de aproximadamente 25-30 veces la altura de la línea, o aproximadamente 80 caracteres por línea.

Como los números técnicos ya están sugeridos,
Le recomiendo que lea este artículo de iA: http: //www.informationarchitects
y tal vez esto: http://www.wilsonminer.com/posts
que es realmente una especie de seguimiento.

Escribí una publicación sobre caracteres óptimos por línea aquí si es de ayuda: http://mikeyanderson.com/optimal