Travailler avec WebINK des polices de qualité professionnelle pour le Web

WebINK by Extensis est un service de polices Web qui vous donne accès à plus de mille familles de polices, produites par les meilleures fonderies du secteur. En tant que concepteur, vous pouvez utiliser leurs polices dans Photoshop et en développement, gratuitement, avant de transférer l'intégralité du projet sur le compte WebINK de votre client..

Contenu sponsorisé

Ceci est une critique sponsorisée ou un cadeau d'un produit / service qui est particulièrement pertinent pour nos lecteurs..

Utiliser des polices Web gratuites, via un service tel que Google Fonts, ou même prendre une police que vous avez téléchargée et convertie vous-même, n'est pas toujours la meilleure façon de faire. Voici une ou deux raisons à prendre en compte:

  • Qualité: Vous remarquerez souvent que le crénage, l'espacement entre chaque caractère, n'est pas bien équilibré - ou que la forme de la police est moins raffinée que vous ne le voudriez.
  • Jeux de caractères incomplets / glyphes manquants: Cela est particulièrement évident si vous avez affaire à autre chose que des personnages d'Europe occidentale..
  • Individualité:sont Des polices Web gratuites de qualité sont disponibles (pensez à Open Sans), mais elles sont utilisées logiquement dans les sites Web de tous les horizons - où se trouve l'aspect unique de votre choix de typographie?!
  • Licence: Ce n'est pas un problème lorsque vous utilisez les polices Web de Google, mais la légalité d'utiliser des polices gratuites d'autres services, en particulier si vous avez converti une police vous-même, peut s'avérer être un terrain vague..

WebINK dans votre flux de travail


Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via YouTube.

Une chose que je n'ai pas mentionnée dans la vidéo est l'absence d'une méthode de liaison JavaScript. De nombreux services Web de polices proposent des liens JavaScript qui permettent de résoudre les problèmes si un FOUT (Flash of Unstyled Text) est rencontré. FOUT est ce flash agaçant qui peut se produire lorsque les polices sont remplacées lorsqu'elles sont chargées. Ceci est particulièrement évident, comme on peut s'y attendre, sur les connexions lentes.

WebINK fournit uniquement des liens CSS et HTML, contrant simplement l’effet de FOUT par un chargement rapide des polices. Leurs polices sont hébergées sur le service cloud S3 d'Amazon, partout dans le monde, ce qui signifie que les fichiers sont chargés à partir des serveurs géographiquement les plus proches possibles..

Remarque: Il convient également de souligner que la brève actualisation de la page que je devais effectuer était due au fait que j'avais déjà joué avec cette URL - la mémoire cache du navigateur a déclenché des choses. De plus, le temps de chargement inhabituellement long dans Photoshop a peut-être été influencé par la capture par mon logiciel de ressources de traitement..


Couple o 'Links

  • WebINK
  • Extension WebINK Photoshop
  • Fontdropper bookmarklet
  • @webink sur Twitter
  • Guide du débutant pour le couplage de polices
  • Pourquoi les polices Web de Google ne sont pas vraiment des sources ouvertes par Matthew But-t-er-ick