@ Dichiarazione font-face in CSS non funziona
https://stackoverflow.com/questions/562524
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
sto aiutando mia sorella convertire un sito web che qualcuno ha fatto per il suo flash in html.
Si utilizzano i caratteri di fantasia in flash che sto cercando di definire in un file CSS tramite @ font-face. Ho provato ad aprire la pagina in Firefox, IE e Chrome, ma da nessuna parte vedo il tipo di carattere corretto.
La dichiarazione che sto usando è:
@font-face {
font-family: "VAG Rounded";
src: url("http://judith.huinink.net/chilax/VAGROUNL.OTF");
}
http://judith.huinink.net/chilax/index.htm contiene il codice html.
http://judith.huinink.net/chilax/chilax.css contiene l'intera css.
Ho controllato che posso scaricare il file di font, ma semplicemente non utilizzare il font quando apro la pagina in un browser. Devo essere vista qualcosa. Qualcuno ha qualche suggerimento?
Soluzione
Aggiorna
Nel corso dell'ultimo anno, il supporto del browser per i font è migliorato piuttosto drasticamente. Io suggerirei di leggere l'eccellente articolo di Tim Brown sulla soggetto, che descrive in dettaglio come ottenere i font web di lavoro nella maggior parte dei browser moderni.
risposta originale
In termini realistici, @font-face è completamente inutilizzabile in questo momento. Solo due i browser supportano -. Internet Explorer per Windows, versione 5 o superiore, e Safari 3.1
Peggio ancora, IE e Safari non supportano gli stessi formati di font. IE supporta solo EOT , mentre Safari supporta invece il TrueType più comune (.ttf) e OpenType ( .otf) formati.
Altri suggerimenti
font-face va corrente principale
A partire da gennaio 2010, tutti i principali browser supportano i nuovi font-face
- Safari 3.1
- IE - tutte le versioni
- Firefox 3.6
- Chrome 4
- Opera 10
http://webfonts.info/wiki/index.php? title = @ font-face_browser_support
Quasi nessun browser supportano @ font-face: Quando posso utilizzare ...
Come utilizzare @ font-face in tutti i browser che lo supportano: a di Jon Tangerine blog
ttf2eot è un bel convertitore di font per Unix e Windows in modo da non dover usare l'orribile vecchio TRAMA Microsoft. Converte tutto il tipo di carattere, non solo alcuni caratteri.
Ecco un javascript da utilizzare con sIFR che disattiva sIFR per @ font-face i browser abilitati.
Flash ha bisogno di morire, quindi ecco un'altra alternativa a sIFR: lifting . Si tratta di uno script lato server che genera immagini.
Il problema con tutte le sostituzioni AFAIK sIFR è che la selezione e la copia del testo in realtà non funziona - si sia non si vede la selezione, o è impossibile selezionare meno di una parola o linea. C'è anche Cufon che utilizza
Fare la cosa giusta, utilizzare la tecnologia state-of-the-art ora: @ font-face con TTF o OTF, e ricadute per IE e vecchi browser. Preferibilmente mantenere il codice HTML pulito e l'attuazione di tali ricadute nei file JavaScript e CSS separati. Per esempio, si potrebbe essere necessario utilizzare "commenti condizionali", come spiegato nel mio primo link qui sopra. Per i browser con JavaScript disabilitato, specificare sempre un elenco di font di sostituzione con i font web-safe alla fine.
Controlla la sIFR o senza la dipendenza flash, typeface.js
ho incontrato situazioni in cui WWW deve essere incluso nel dominio. Senza di essa, wouldnt lavoro.
