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é quelques approches prometteuses.

d'abord tout ce que je vais faire appel tout trouvé, moderne et facile à utiliser des approches ici:

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 sais, pas aussi simple que les frères et sœurs Javascript, Cufón a sd typface.js. Cufón a attiré mon attention, car il rend un peu mieux que typeface.js, et crée des fichiers de police de taille plus petite. Apparemment, il n'y a aucun moyen légal de l'utiliser avec n'importe quelle police commerciale là-bas, qui n'est pas autorisé à être intégré dans ce type de solution. Pour le typeface.js la même situation s'applique, juste différant dans le fait, qu'il n'est même pas capable de convertir des polices avec une licence, que interdit de l'intégrer dans des sites Web.

Last but not least, il y a cette 'nouvelle' propriété CSS, appelé font-face, qui est incroyablement facile à utiliser, mais pour nos fichiers aimé IE nous avons besoin de convertir les fichiers dans EOT (de OpenType Embedable).

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

La question est maintenant:

Quelle est la meilleure approche pour utiliser ces polices commerciales sur les sites Web? Utilisez uniquement les polices de caractères libres à partir de maintenant avec Cufón ou convertissez toutes les polices utilisées en fichiers EOT , et utilisez-les avec font-face?

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

Answer 1

Enfin, après quelques heures de recherche et de tests j'ai trouvé une très solution agréable pour l'incorporation de polices spéciales dans les sites Web. L'utilisation de l'approche via CSS3 font-face est la meilleure solution à mon avis.

La seule chose que vous devez faire pour IE, est de convertir vos polices Truetype (malheureusement, la fonction OTF ne fonctionne pas) en fichiers EOT.Microsoft TRAME est une solution, mais la meilleure façon de le faire, est d'utiliser l'outil open source « ttf2eot », qui se trouvent ici: http://code.google.com/p/ttf2eot/

Un frontend Web se trouve la recherche « kirsle Assistants sur Google.

La seule chose à noter est le soutien du navigateur ...

IE4,5,6,7,8 utiliser les fichiers EOT, tandis que le soutien de TTF est seulement fourni par les versions de Firefox> = 3.1. A propos de Safari et Opera Je ne suis pas sûr, mais Safari 4 a fonctionné pour moi, et Opera 10 aussi.

(donc Chrome ne supporte pas que je suppose, en raison de l'utilisation de une ancienne version de WebKit ?!)

Sur la base des statistiques de suivi de notre agence clients « seulement » 15 à 20% de leurs visiteurs utiliser des navigateurs incompatibles comme Firefox 2.0 ou 3.0, les anciennes versions Safari ou Opera ou Chrome.

Answer 2

Le bas de cette page a des infos sur la façon de le faire en utilisant HTML et CSS droite: http://www.albinoblacksheep.com/text/font