¿Qué es lo que realmente importa en webfonts?
¿Qué es lo que realmente importa en webfonts?
Jason Smith Compartir conocimientos
Hemos avanzado mucho desde los tiempos de la web segura fuentes y ahora hay una enorme variedad de tipos de letra entre los que elegir. La diferencia entre lo que vemos en línea y lo que vemos impreso sigue siendo enorme, pero ¿se está acortando la distancia a medida que avanza la tecnología? Según el archivo HTTP el 60% de los sitios web utilizan fuentes/embedded webfonts , pero sigue habiendo muchas ideas equivocadas sobre lo que funciona en línea. Las cosas se mueven con rapidez y las normas cambian constantemente. Si a esto le sumamos los consejos confusos y a menudo contradictorios de diversas publicaciones y blogs, puede resultar difícil saber cuáles son las mejores prácticas actuales.
Esto tiene como consecuencia que las marcas optan por lo que consideran una elección segura y pierden una gran oportunidad de diferenciarse de sus competidores, cuando el tipo de letra es a menudo el único activo visible de la marca. Algunas de las fuentes más utilizadas, como Arial y Helvetica, no son las más legibles y los costes de licencia de los tipos de letra omnipresentes en los sitios web pueden ser asombrosamente altos. Se pone demasiado énfasis en diseñar fuentes para pantallas muy pequeñas hacia arriba. El diseño de marca y UX debería exponer la arquitectura de la marca a través de todos los puntos de contacto y, si se diseña correctamente, la marca fuentes debería traducirse tanto hacia abajo como hacia arriba. El diseño de interfaz, UX y tipografía no consiste en que fuente sea lo más pequeño y claro posible. Se trata de que la información sea lo más clara posible. El tamaño es tan importante en Internet como en la impresión, así que hay que ser sensato con los tamaños .px y .pt.
Está muy extendida la idea de que las sin gracias limpias son la opción segura para múltiples tamaños de pantalla, pero lo cierto es que una fuentes con gracias bien elaborada también puede funcionar y facilitar la lectura de textos largos. Para añadir un poco más de confusión, todas las fundiciones ofrecen webfonts , pero algunas se especializan en versiones específicas para la web, mientras que otras diseñan específicamente para la web.
¿Cuáles son las consideraciones más importantes? He aquí mis mejores consejos:
1. La legibilidad es y será siempre importante. Los principales aspectos a tener en cuenta son una gran altura x, poca ambigüedad entre caracteres y contadores y terminales abiertos. Esto también es importante para los materiales impresos fuera de línea, pero en línea hay más variables a tener en cuenta, como el tamaño de las pantallas y los efectos de las pantallas retroiluminadas. Merece la pena plantearse quién es su público, qué dispositivos utiliza y cómo hacer que su contenido sea lo más accesible posible. Para más información, consulte este artículo sobre elegir tipos de letra accesibles.
2. Licencias: La mayoría de las licencias de webfont se basan en el número de páginas vistas al mes y los costes pueden ser muy elevados para los sitios web populares. Por lo tanto, es importante conocer el tráfico actual y futuro del sitio y saber cómo puede afectar a los precios de las opciones que se barajan. Los modelos de suscripción pueden parecer rentables, pero suelen ser más adecuados para las pequeñas empresas. Para las grandes marcas, las cuotas suelen ser enormes y, a veces, sólo entran en vigor al cabo de un año, cuando la marca ya se ha comprometido. Es importante leer la letra pequeña y comprobar si existen cargos adicionales como el uso de fuente en aplicaciones o más de un subdominio.
3. Compruebe qué idiomas son compatibles. Aunque sólo opere en un país, ¿tiene planes de expandirse a otros y podría esto causar problemas si, por ejemplo, el ruso no es compatible pero es un área potencial de crecimiento? La adaptación tipográfica (cuando se encuentra una alternativa similar) suele ser suficiente para alfabetos con una estructura muy diferente al latín, como el chino o el árabe, y puede resultar más rentable.
4. Los pesos son muy importantes. En la web tiene que haber una gran diferencia entre Regular y Negrita. El color y el antialiasing afectan al soplado de píxeles y al relleno. También hay que probar los fondos positivos y negativos, ya que pueden hacer que los pesos parezcan muy diferentes. Tipos de letra como FS Untitled o FS Millbankque cuentan con un gran número de variaciones de peso, pueden ayudar a resolver estos problemas y garantizar un mejor resultado general.
5. Hay dos opciones principales de alojamiento a considerar: Autoalojamiento o alojamiento a través de un tercero como Adobe TypeKit. Con esta última opción no recibirá los archivos fuente , sino un pequeño fragmento de código que podrá colocar en su sitio web. La principal ventaja de esta opción es que puede resultar considerablemente más barata para los sitios pequeños y que se tiene acceso a muchos tipos de letra de distintas fundiciones. La ventaja del autoalojamiento es que usted mismo obtiene la licencia de los archivos fuente , lo que significa que no tiene que depender de un servicio externo para que su fuentes funcione.
6. Insinuación: A pesar de las mejoras en la resolución de las pantallas, fuente , la adaptación sigue siendo un proceso esencial. Una vez diseñado el tipo de letra, se ajusta para que sea lo más legible posible en la pantalla del ordenador, teniendo en cuenta cómo se representan las formas cuando se convierten en grupos de píxeles. Esto solía llevar mucho tiempo, pero ahora el ajuste manual es mucho más sencillo y no debería costar un ojo de la cara. La mayoría de las fundiciones automatizan el proceso de insinuación y disponen de algunos trucos inteligentes para conseguir un resultado muy decente. Algunos tipos de letra se diseñan para que se adapten a los píxeles desde el principio, lo que reduce aún más la dependencia del hinting.
7. fuente A diferencia de las imágenes, el tamaño de los archivos tipográficos suele ser relativamente pequeño, pero los tiempos de carga son importantes, por lo que conviene reducirlos al mínimo. Asegúrese de adquirir una licencia de fuente web auténtica, ya que los archivos habrán sido optimizados adecuadamente por el diseñador tipográfico para lograr la máxima eficacia. Convertir los archivos de desktop en WOFF o EOT mediante software de terceros puede aumentar el tamaño del archivo (además de suponer un incumplimiento masivo de los términos de la licencia).
En general, a medida que las pantallas y la tecnología mejoren a pasos agigantados, las opciones de fuente se ampliarán y las marcas digitales empezarán a distinguirse cada vez más unas de otras.