.jpeg)
Las peores fuentes para el diseño web no son necesariamente las que están mal diseñadas.
Muchas se ven genial y nos las encontramos constantemente. Pero su popularidad es también su perdición. Cuando vemos las mismas fuentes una y otra vez, nos volvemos inmunes a ellas, lo que hace que nos sintamos mucho menos atraídos por el contenido que tenemos delante.
El contexto también es clave. Una fuente divertida desentonará en un diseño que requiera un toque de profesionalidad. Por otro lado, una fuente demasiado seria arruinará un sitio web cuyo tono sea más desenfadado.
Y, por supuesto, algunas fuentes simplemente no se leen bien en pantalla.
Antes de empezar, hablemos de las cualidades que hacen que una fuente sea buena para el diseño web.
Legibilidad
La legibilidad es un término subjetivo que se reduce a lo fácil que resulta diferenciar una letra de otra. Las fuentes menos legibles suelen tener letras demasiado parecidas entre sí, además de otras donde no hay una distinción clara entre minúsculas y mayúsculas. Cuando el texto no utiliza una fuente legible, cuesta más leerlo. Esto da lugar a una experiencia de usuario peor y, lo que es más importante, menos accesible.
Otros factores que pueden determinar la legibilidad incluyen:
- Grosor del trazo: Tanto las fuentes muy gruesas como las demasiado finas pueden ser difíciles de leer. Las fuentes que se sitúan en un punto intermedio suelen ser las más legibles.
- Contraste de trazo: La proporción entre el número de trazos gruesos y finos, que puede ser problemática cuando es demasiado alta. Con una mezcla de trazos de diferentes tamaños, las palabras parecen caóticas y resulta frustrante leerlas.
- Contraforma: El espacio negativo que se encuentra en el diseño de una letra, que puede dificultar la legibilidad si es demasiado pequeño. Al faltar espacio negativo, letras como la "e" o la "o" se ven aplastadas y es difícil distinguirlas entre sí.
- Personalidad de la fuente: Las fuentes decorativas y extravagantes pueden ser adecuadas solo como fuentes de titular, y aunque las que son sobrias y más reservadas pueden funcionar muy bien en el cuerpo de texto, también pueden resultar aburridas o poco interesantes a mayor escala.
Facilidad de lectura
La legibilidad y la facilidad de lectura son dos características distintas de la tipografía. La legibilidad de una fuente proviene de cómo fue diseñada. La facilidad de lectura depende casi totalmente de los diseñadores, con decisiones de estilo como el color, el tamaño y el espaciado, que contribuyen a cómo se perciben.
Fuentes que deberías evitar en el diseño web
Las fuentes más sobreutilizadas
Impact
Lanzada en 1965, Impact tenía una nitidez que se adaptaba bien a la tipografía de metal. Se consolidó en la era digital a mediados de los 90, empezando con Windows 98, y Microsoft impulsó su adopción en sus esfuerzos por estandarizar la tipografía web.
Impact tiene letras limpias que facilitan el escaneo visual. El problema es que es demasiado común y se ve en todas partes: desde esa nota en la nevera de la oficina hasta en imágenes prediseñadas y memes. Dada su sobresaturación, Impact a menudo puede parecer torpe y demasiado simple.
Helvetica
Helvetica tiene sus raíces en el diseño suizo, con un sentido de neutralidad que nunca estorba. Ha sido utilizada por marcas como Apple, Target y Panasonic, e incluso hay un documental sobre ella.
Puede ser un gran ejemplo de diseño tipográfico elegante, pero ahora que está en todas partes, Helvetica puede resultar demasiado predecible. Sin duda tiene su lugar, pero con tantas fuentes disponibles, ¿por qué no probar algo que te haga destacar entre la multitud?
Copperplate Gothic
Copperplate Gothic parece estar por todas partes en sitios web relacionados con el derecho, la contabilidad u otros ámbitos empresariales tradicionales. Este uso excesivo la ha convertido en un cliché tipográfico. Además, Copperplate Gothic tiene remates cortos combinados con trazos gruesos, lo que hace que sea difícil acertar con el tamaño.
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Las más difíciles de usar en el diseño web
Vivaldi
Vivaldi te atrae con sus florituras elegantes y llenas de tinta; aunque puede ser genial para la estética, su legibilidad es pobre y puede distraer demasiado como para integrarla en la mayoría de los diseños web.
Bleeding Cowboy
Bleeding Cowboy no siempre fue una fuente detestada. Su estilo de "lejano oeste con un toque grunge" solía sentirse fresco y atrevido. Pero sus letras irregulares son ilegibles en escalas pequeñas, lo que supone un gran problema para la legibilidad del usuario.
Bleeding Cowboy es también una de esas fuentes demasiado específicas, lo que dificulta su incorporación en la mayoría de los diseños, si no en todos.
Stencil
Stencil tiende a sentirse increíblemente llamativa. A menos que estés diseñando un sitio web que encaje perfectamente con este tipo de letra, es mejor evitarla. Además, no ofrece opción de minúsculas, lo que la hace inaccesible para muchas personas.
Encuentra las fuentes adecuadas para tus diseños
Las fuentes son esenciales para presentar el contenido de una manera que la gente pueda leer cómodamente. Las fuentes que los diseñadores web deberían evitar son, en última instancia, aquellas que pueden resultar confusas, inaccesibles o demasiado utilizadas.
Aprender más sobre tipografía te ayudará como diseñador. Echa un vistazo a la lista de lectura sobre tipografía de Webflow para ampliar tus conocimientos y obtener una mejor perspectiva sobre cómo elegir las mejores fuentes para tu trabajo.
