C'è qualche svantaggi di utilizzare @ font-face?
-
23-09-2019 - |
Domanda
ho trovato @ font-face è buona alternativa di sIFR3 ma tutti i browser esigenza diversa estensione del font. così attuazione è più di sIFR3.
Ma cosa molto buona è FLASH e Javascript non necessario.
C'è qualche svantaggi di utilizzare @ font-face in confronto a sIFR3? Ho bisogno di compatibilità con tutti i browser A-Grade.
e
Se qualsiasi tipo di carattere che è liberamente disponibile come download sul carattere rete o se viene acquistato e fornito da cliente o di carattere viene acquistato dalla mia azienda. in tutte le condizioni posso usare i font?
Soluzione
È possibile utilizzare @ font-face con:
- Firefox 3.5
- Safari 3.2
- Chrome 4.0
- Opera 10.5 http://a.deveria.com/caniuse/#feat=fontface
Per IE, il fallback sta lavorando molto, ma essere sicuri di utilizzare il piccolo hack per il rendering liscio: http://allcreatives.net / 2009/12/05 / liscia-font-face-embedding-in-iE-7-8 /
Problemi:
-
rendering dei caratteri differisce di qualità da browser a browser. Come anti-aliasing tecniche di ogni browser sono diversi: http : //www.position-absolute.com/articles/html5-font-face-is-not-as-ready-as-you-would-think/ Typekit fornirà uno strumento online per questo: http://typophile.com/node/65656
(fonte: typophile.com ) -
, mentre il tipo di carattere è il download, l'utente vede il carattere predefinito durante 1 o 2 secondi
- Se il carattere viene fornito dal cliente, può essere preoccupato per il fatto che il carattere sarà downlodable dal sito web.
- Ho fatto la stampa di prove font-face: non è solo lavorando (ma con SFIR esso è ok)
Altri suggerimenti
Si può voler controllare Cufon ( http://cufon.shoqolate.com ) o Typekit ( http://typekit.com/ ) pure.
La cosa peggiore è probabilmente il ritardo per scaricare il tipo di carattere in cui vedrete il font originale prima poi, dopo un breve ritardo, il font scaricato.
IIRC, non hai bisogno di una proroga di carattere diverso per tutti i browser. Solo IE è diverso da tutti gli altri, come al solito.
Il più grande svantaggio di questa tecnica in questo momento è il browser che lo supportano.
vedere come le persone stanno cercando di aggirare questo inconveniente qui: http://blog.themeforest.net / tutorial / how-to-ottenere-cross-browser-font-face-support /