Las mejores fuentes para mejorar la experiencia de lectura

13

Estoy construyendo un sitio web cuyo objetivo principal es servir contenido (legislatura) y quiero ofrecer la mejor experiencia de lectura a los usuarios. Puede echar un vistazo a la página de ejemplo en:

http://iura.cl/cc/44

Como puede ver, he eliminado todo lo que en este momento estoy usando Telex webfont. También tengo una opción para la lectura nocturna que debería reducir el deslumbramiento:

http://iura.cl/cc/44?estilo=nocturno

Me pregunto qué debería considerar sobre la fuente que elijo para asegurarme de que sea legible, si hay alguna guía a la que adherirme.

Dan
fuente
2
"¿Qué fuente recomienda?" Es simplemente una pregunta demasiado amplia para que podamos responderla. También tenga en cuenta que, si bien una fuente es sin duda una parte importante de cuán 'legible' es algo, también hay una gran cantidad de otras variables (ancho de columna, espaciado entre líneas, color, sugerencias, diseño, etc.)
DA01
@ DA01, ¿tal vez hay una guía que pueda recomendar?
Dan
1
La pregunta me parece bien: no es "¿Qué fuente me recomiendan?", Es "Cómo elegir una fuente de alta legibilidad para un sitio web ": un montón de criterios.
user56reinstatemonica8

Respuestas:

10

En realidad, hay algunos principios bastante simples si su criterio número uno es una fuente de alta legibilidad para un sitio web .

  1. Piensa en la corriente principal. Gracias a @font-faceusted podría elegir entre miles y miles de fuentes, pero las fuentes menos populares o más nuevas a menudo tienen problemas de representación entre los navegadores y los sistemas operativos, a veces incluso cuando provienen de límites respetables. Si la legibilidad es su prioridad, y no desea realizar grandes cantidades de pruebas de cross-browser entre sistemas operativos, es posible que desee jugar de forma segura y utilizar una fuente confiable y probada. A las fuentes antiguas seguras para la web les gustan Verdanay Georgiason apuestas seguras, ya que son tan ampliamente utilizadas que habrán sido probadas incluso en configuraciones de navegador / sistema operativo más raras. Además, la familiaridad ayuda a la legibilidad.
  2. Alto x alto y ancho. No sabe cuál es la calidad o la densidad de píxeles de la pantalla de su lector, por lo tanto, si prioriza la legibilidad, asegúrese de que las características distintivas importantes de las letras sean más claras. Las fuentes diseñadas para la legibilidad web, como Verdanay Georgia, usan la mayor cantidad posible de sus píxeles para la altura x donde se encuentran los detalles clave de una letra, y usan píxeles mínimos en los ascendentes o descendentes donde un aumento de uno o dos píxeles es suficiente para facilitar distinguir una bde una oo una p.
  3. No muy ligero. El tipo de luz se ve muy bien en pantallas impresas o de alta densidad de píxeles, pero hay una buena razón por la que rara vez se usó en pantallas hasta ios7 y fue controvertido incluso entonces: si el espectador no está viendo en condiciones óptimas, como una pantalla de alta calidad en constante iluminación interior, corre el riesgo de legibilidad. Elija una fuente con un buen peso regular sólido. ¿Mencioné Verdanay Georgia?

Hay muchas fuentes que cumplen con estos criterios además de Verdanay Georgia, por supuesto, y estas dos a veces se consideran un poco aburridas porque hasta 2009 más o menos cuando @fontface se usó ampliamente fueron las fuentes de referencia para gran parte de la web. .

Pero realmente no puede equivocarse con ellos: fueron diseñados para la legibilidad web, y cada combinación de navegador y sistema operativo habrá sido probada para mostrarlos bien.


Editar: cuando los vendedores y los límites del tipo web se toman la molestia de probar la buena legibilidad, es probable que griten al respecto en su comercialización. Por ejemplo, la serie de tipo web "Reading Edge" (un sombrero para Chris Burton, quien mencionó esto aquí ). Aún así, prueba ampliamente.

user56reinstatemonica8
fuente
1
No soy diseñador y tengo algunos problemas con mis ojos. Me gusta leer algunos textos legislativos, pero creo que el sitio brasileño duele a veces, así que tomé su sugerencia (Verdana) y puse un complemento llamado Stylish , con 1.5 líneas de altura, tamaño de fuente de 16px y color negro. Es muy cómodo para mí ahora.
Fabio Montefuscolo
5

Ok, voy a seguir adelante y dar mi opinión sobre esto. No existe una 'mejor fuente' definitiva ni puede existir porque elegir una fuente depende de muchos aspectos diferentes. Lo que puede haber es un 'mejor método para elegir una fuente'.

Así que hay que tener en cuenta para ayudar a elegir la mejor fuente para tu proyecto

Medios: cómo se mostrará la fuente, papel, lienzo, en línea, dispositivo portátil, etc. Desea asegurarse de elegir una fuente apropiada para el medio en el que se mostrará, por ejemplo, un bloque de Times New Roman puede estar bien para un documento impreso pero, en la pantalla (especialmente una pantalla pequeña) un bloque de Times New Roman puede ser bastante difícil de leer. También desea ver qué está disponible para usted si está restringido a las fuentes web, recursos como las fuentes de Google podrían ayudarlo aquí. (De Wikipedia: "Fuentes seguras para la web Las fuentes seguras para la web son fuentes que probablemente estén presentes en una amplia gama de sistemas informáticos, y las utilizan los autores de contenido web para aumentar la probabilidad de que el contenido se muestre en la fuente elegida. Si un visitante de una web el sitio no tiene la fuente especificada, su navegador intenta seleccionar una alternativa similar, basada en las fuentes de reserva especificadas por el autor y las familias genéricas o usa la sustitución de fuentes definida en el sistema operativo del visitante ".

Público: piense en quién lo leerá. Un niño pequeño podría hacerlo mejor sin una fuente basada en serif, o una sola historia 'a' en lugar de una historia doble 'a' . Sin embargo, si se tratara de una invitación de boda, las fuentes como Edwardian Script son lo que es muy popular en ese contexto porque, seamos sinceros, cuanto más Serif, más decorativa, mejor, según algunas novias, aunque todavía las cosas decorativas son se usa principalmente para títulos en lugar de contenido completo. Como un sabio

Contraste / Color: Nuevamente, esto es algo a considerar en términos de su proyecto. Por supuesto, no desea cegar a las personas como resultado de un contraste terriblemente alto, o darles arrugas por entrecerrar los ojos en algo que tiene un contraste terriblemente bajo, esa parte es obvia. Pero dependiendo de su combinación de colores, es posible que desee jugar con la configuración de brillo y contraste. Notarás que GD.SE, por ejemplo, no es completamente negro y completamente blanco (como se preguntó y respondió aquí ): tiene un contraste más bajo que eso, por lo tanto, es bastante fácil mirar este sitio web durante largos períodos de tiempo en comparación mirar algo con un contraste mucho más alto, ¡tus ojos se cansarían!

Peso: En general, las fuentes más ligeros ponderados diez a ser un poco más legible que algunos otros más pesados, esto se discute más aquí junto con otros aspectos de la legibilidad, que pueden serle de utilidad.

Cuántos: dependiendo de sus medios, audiencia y contenido, es posible que desee elegir varias fuentes. De esto sugiero ser cauteloso. Seguramente no quieres confundir el contenido. El objetivo de la fuente es comunicar algo, lo que está buscando es la forma de hacerlo de manera más efectiva. Demasiadas fuentes pueden ser confusas, aunque una sola fuente a veces puede ser aburrida. En general, lo que suele suceder es mezclarlo en negrita / cursiva y tamaño con quizás dos fuentes. El emparejamiento de fuentes se discute un poco más aquí .

Estos son algunos de los aspectos que debe reducir si va de una pizarra en blanco, pero aunque hay mucho que considerar cuando realmente se trata, no es tan malo. ¡El valor de elegir la fuente / fuentes correctas en la etapa inicial de un proyecto no tiene comparación! Hay más sobre los factores a considerar al elegir una fuente aquí.

Una buena analogía es que es como vestirse, un concepto simple que se discute aquí .

Entonces, como el formato de mi respuesta naturalmente cayó, primero quieres averiguar para quién es y qué tiene que decir, luego quieres averiguar los medios de comunicación, qué fuente :) y dado que esto no sería un Jenna-Answer sin una gran cantidad de enlaces, esto se discute más aquí .

Le recomiendo leer los enlaces que he proporcionado, son bastante útiles y le ayudarán a equiparlo para elegir la fuente correcta para su proyecto, esto es lo que mejorará la experiencia del lector. No se trata solo de la legibilidad, sino también de todo el contexto al que contribuye la fuente, sin mencionar la estética, una fuente adecuadamente legible podría quitarse de un diseño por completo cuando e igualmente legible pero más apropiado podría pasar desapercibido y, por lo tanto, El diseño y la información son las cosas más destacadas. Tomar tiempo para hacer esto en mi opinión es bastante esencial.

Espero haber ayudado y no haber divagado demasiado, me apasiona la fuente correcta :) Buena suerte con su proyecto.

Jenna
fuente
2

Creo que las fuentes Serif tienden a ser más fáciles para los ojos durante períodos más largos de lectura. Para una mejor experiencia de lectura, creo que una fuente serif como Adobe Garamond funciona bien. No es tan "bla" como Times. Hay algunas curvas interesantes en las serif que ayudan a que sea un poco más "purty" en lo que respecta a las fuentes serif.

ingrese la descripción de la imagen aquí

Aquí hay un artículo sobre el tema con el que tiendo a estar de acuerdo:

Serif vs. Sans: la batalla final

ckpepper02
fuente
1
No hay evidencia concluyente de que las caras serif sean más o menos legibles que las caras sans-serif. La única excepción sería en la pantalla, donde las pantallas de baja resolución pueden dificultar la representación de los detalles de una cara serif.
DA01
1
Garamond puede ser bonito, pero su baja relación ex-em-em perjudicaría la legibilidad si se usara como fuente del cuerpo. Las fuentes Serif con alturas más generosas incluyen Georgia, Bitstream Charter y Charis SIL.
Gavin R. Putland
@ GavinR.Putland ¿Podría dar más detalles sobre la relación ex / em? Podría afectar la legibilidad solo si el espacio entre líneas es demasiado pequeño = incorrecto. Se recomienda al menos 140% de espacio entre líneas.
Mikhail V
@ DA01 He notado una tendencia de que la gente menciona algún argumento de "evidencia". Como experto, puedo decir que las fuentes tipo Garamond son más legibles, y lo mismo le diré a otros expertos en tipografía. ¿No es esto "evidencia" para ti?
Mikhail V
@MikhailV eso no es evidencia. Esa es la opinion. La evidencia que existe (que es mínima) tiende a inclinarse hacia "las caras más legibles son las caras que la persona está más familiarizada leyendo"
DA01