Trabajando con WebINK Fuentes de calidad profesional para la web

WebINK by Extensis es un servicio de fuentes web que le brinda acceso a más de mil familias de fuentes, producidas por las mejores fundiciones de la industria. Como diseñador, puede usar sus fuentes en Photoshop y en desarrollo, de forma gratuita, antes de entregar todo el proyecto a la cuenta WebINK de su cliente..

Contenido Patrocinado

Esta es una revisión patrocinada o un regalo de un producto / servicio que es particularmente relevante para nuestros lectores..

Usar fuentes web gratuitas, a través de un servicio como Google Fonts, o incluso tomar una fuente que hayas descargado y convertido, no siempre es la mejor manera de hacer las cosas. Aquí hay una o dos razones que vale la pena tener en cuenta:

  • Calidad: A menudo notará que el kerning, el espacio entre cada carácter, no está bien equilibrado, o que la forma del tipo de letra es menos refinada de lo que desearía.
  • Conjuntos de caracteres incompletos / glifos que faltan: Esto es evidente, especialmente si se trata de algo diferente a los caracteres de Europa Occidental..
  • Individualidad: Ahí son fuentes web de calidad gratuitas disponibles (piense en Open Sans), pero estas fuentes se utilizan de forma lógica en sitios web de todo el espectro: ¿cuál es el aspecto único de su elección de tipografía??!
  • Licenciamiento Esto no es un problema cuando se utilizan las fuentes web de Google, pero la legalidad de usar fuentes gratuitas de otros servicios, especialmente si usted mismo ha convertido una fuente, puede ser inestable..

WebINK en su flujo de trabajo


Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de YouTube

Una cosa que no mencioné en el video es la ausencia de un método de vinculación de JavaScript. Muchos servicios web de fuentes ofrecen enlaces de JavaScript que permiten correcciones si se encuentra FOUT (Flash of Unstyled Text). FOUT es ese destello molesto que puede ocurrir cuando las fuentes se cambian a medida que se cargan. Esto es particularmente evidente, como es de esperar, en conexiones lentas.

WebINK proporciona solo enlaces CSS y HTML, simplemente contrarresta el efecto de FOUT con la carga rápida de fuentes. Sus fuentes están alojadas en el servicio de nube S3 de Amazon, en todo el mundo, lo que significa que los archivos se cargan desde los servidores geográficamente más cercanos posibles.

Nota: También vale la pena señalar que la breve actualización de la página que tenía que realizar se debía al hecho de que anteriormente había estado jugando con esa URL: la memoria caché del navegador disparó las cosas. Además, el tiempo de carga inusualmente largo en Photoshop puede haber sido influenciado por mi software de captura de pantalla que aspira recursos de procesamiento.


Pareja o 'Enlaces

  • Webink
  • WebINK extensión de Photoshop
  • Fontdropper bookmarklet
  • @webink en Twitter
  • Una guía para principiantes para emparejar fuentes
  • Por qué las fuentes web de Google no son realmente de código abierto por Matthew But-t-er-ick