Y at-il des inconvénients à utiliser @ font-face?
-
23-09-2019 - |
Question
J'ai trouvé @ font-face est une bonne alternative de sIFR3 mais tous les navigateurs ont besoin de différents extension de la police. donc la mise en œuvre est plus sIFR3.
Mais très bonne chose est FLASH et Javascript ne sont pas nécessaires.
Y at-il des inconvénients à utiliser @ font-face à comparer à sIFR3? Je besoin d'une compatibilité avec tous les navigateurs A-grade.
et
Si une police qui est disponible gratuitement en téléchargement sur le net ou si la police est acheté et fourni par le client ou la police est achetée par mon entreprise. en tout état puis-je utiliser ces polices?
La solution
Vous pouvez utiliser @ font-face avec:
- Firefox 3.5
- Safari 3.2
- Chrome 4.0
- Opera 10.5 http://a.deveria.com/caniuse/#feat=fontface
Pour IE, le fallback fonctionne très bien, mais assurez-vous d'utiliser le petit hack pour un rendu lisse: http://allcreatives.net / 2009/12/05 / face-enrobage en-à-dire plus lisse police 7-8 /
Questions:
-
Rendu des polices qualité diffère du navigateur pour les navigateurs. Comme les techniques anti-aliasing de chaque navigateur sont différentes: http : //www.position-absolute.com/articles/html5-font-face-is-not-as-ready-as-you-would-think/ Typekit fournira un outil en ligne pour que: http://typophile.com/node/65656
(source: typophile.com ) -
alors que la police est en cours de téléchargement, l'utilisateur de voir la police par défaut pendant 1 ou 2 secondes
- Si la police est fournie par votre client, il peut être préoccupé par le fait que la police sera downlodable du site.
- J'ai fait des tests font-face impression: il est tout simplement pas travailler (mais avec SFIR il est ok)
Autres conseils
Vous pouvez consulter Cufon ( http://cufon.shoqolate.com ) ou Typekit ( http://typekit.com/ ) ainsi.
Le pire est probablement le délai pour le téléchargement de la police où vous verrez la police d'origine d'abord, puis, après un court délai, la police téléchargée.
IIRC, vous n'avez pas besoin d'une extension de police différente pour chaque navigateur. Seul IE est différent de tous les autres, comme d'habitude.
Le plus grand inconvénient de cette technique est en ce moment les navigateurs qui le supportent.
Voyez comment les gens essaient de contourner cet inconvénient ici: http://blog.themeforest.net / tutoriels / comment à atteindre-cross-browser-font-face-support /