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:
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.
Respuestas:
En realidad, hay algunos principios bastante simples si su criterio número uno es una fuente de alta legibilidad para un sitio web .
@font-face
usted 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 gustanVerdana
yGeorgia
son 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.Verdana
yGeorgia
, 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 unab
de unao
o unap
.Verdana
yGeorgia
?Hay muchas fuentes que cumplen con estos criterios además de
Verdana
yGeorgia
, 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.
fuente
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.
fuente
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.
Aquí hay un artículo sobre el tema con el que tiendo a estar de acuerdo:
Serif vs. Sans: la batalla final
fuente
Aquí hay dos buenas fuentes de lectura disponibles a través del plan personal de Typekit:
Nimbus Sans https://typekit.com/fonts/nimbus-sans
Adelle Sans https://typekit.com/fonts/adelle-sans
fuente