Intégration de polices commerciales dans des sites Web

Question

Bonsoir mesdames et messieurs!

Recherche d'une solution multi-navigateur pour intégrer des polices commerciales comme HelveticaNeue ou Univers etc., j’ai trouvé des approches prometteuses.

Tout d’abord, je vais faire appel à toutes les approches trouvées, modernes et faciles à utiliser:

1. sIFR
2. Cufón
3. typeface.js
4. CSS3 font-face

SIFR est bien connu et un peu facile à mettre en œuvre, mais comme je le sais, pas comme c'est facile, comme c'est le cas pour les frères et soeurs Javascript, Cufón et typface.js.

Cufón a attiré mon attention, car il rend un peu mieux que typeface.js et crée des fichiers de polices de taille plus petite. Apparemment il n'y a aucun moyen légal de l'utiliser avec une police commerciale, qui est interdit d’être intégré à ce type de solution.

Pour typeface.js, la même situation s’applique, à la différence près fait, qu’il n’est même pas capable de convertir des polices avec une licence, interdit de l'intégrer dans des sites Web.

Enfin, il y a cette "nouvelle" propriété CSS, appelée font-face, qui est incroyablement facile à utiliser, mais pour notre cher IE, nous devons convertir les fichiers dans des fichiers EOT (Embedable OpenType).

Par conséquent, des déclarations CSS spéciales sont nécessaires pour IE afin de pouvoir utilisez ces polices dans le navigateur.

La question est maintenant:

Quelle est la meilleure approche pour utiliser de telles polices commerciales sur des sites Web? Utilisez des polices gratuites uniquement à partir de maintenant avec Cufón ou convertissez toutes les polices utilisées en EOT fichiers et les utiliser avec font-face?

Merci pour vos réponses bien argumentées, je l'apprécie!

Answer 1

Finalement, après quelques heures de recherche et d’essais, j’ai trouvé un TRÈS solution intéressante pour intégrer des polices spéciales à des sites Web.

Utiliser l'approche via CSS3 font-face est à mon sens la meilleure solution.

La seule chose que vous ayez à faire avec IE, c'est de convertir vos polices Truetype (malheureusement, OTF ne fonctionne pas) dans Fichiers EOT. Microsoft WEFT est une solution, mais la meilleure solution faire cela, c’est utiliser l’outil open-source 'ttf2eot', qui peut être trouvé ici: http://code.google.com/p/ttf2eot/

Vous trouverez une interface Web à la recherche des "assistants kirsle" sur Google.

La seule chose à noter est la prise en charge du navigateur ...

IE4,5,6,7,8 utilise les fichiers EOT, alors que le support TTF n’est supporté que par fourni par les versions de Firefox > = 3.1. À propos de Safari et d'Opéra Je ne suis pas sûr, mais Safari 4 a fonctionné pour moi, et Opera 10 également.

(Donc, Chrome ne le prend pas en charge, je suppose, en raison de l'utilisation de une version plus ancienne du webkit?!)

Basé sur les statistiques de suivi des clients de notre agence "seulement". 15 à 20% de leurs visiteurs utilisent des navigateurs incompatibles comme Firefox 2.0 ou 3.0, anciennes versions de Safari ou Opera ou Chrome.

Answer 2

Le bas de cette page contient des informations sur la procédure à suivre en HTML et CSS simples: http://www.albinoblacksheep.com/text/font