-
problema con font-face
ciao a tutti
ho un problema con @font-face che non riesco a risolvere...
in pratica non riesco a far visualizzare il font che vorrei...
ecco quel che faccio:
nel css
Codice:
@font-face {
font-family: over;
src: url(Over.eot);
src: local('Over'), url('Over.ttf') format('truetype');
}
#prova {
font-family:over;
}
e poi l'html
Codice:
<div id='prova'>prova</div>
<div>prova senza id</div>
i due casi vengono visualizzati esattamente allo stesso modo sia su ie9, firefox e chrome
secondo voi dov'è il problema?
ovviamente i file eot, ttf sono nella root directory del mio web server
-
Puoi indicare l'indirizzo di una pagina di esempio?
-
-
Io vedo correttamente il div#prova formattato con il font indicato nel foglio di stile.
-
adesso lo vedo correttamente pure io su firefox, e chrome...
ma no su ie9...
puoi dirmi se per te è ok anche su ie9 (se ce l'hai)
-
Con Internet Explorer 9 non viene visualizzato con il font esterno, credo debba includerlo in un altro formato.
-
si infatti...
avevo letto anche io questa cosa, e per questo ho usato il file .eot, che dovrebbe essere quello che va bene per internet explorer...
ma non va :(
non so se è un problema solo di ie9...
-
scusate il doppio post, ma si tratta di un aggiornamento più che di una modifica al precedente...
ho continuato a provare per far funzionare font-face su ie...
ed effettivamente funziona se elimino:
src: local('Over'), url('Over.ttf') format('truetype');
che serve per gli altri browser...
la domanda allora è: come si fa per usare font-face su tutti i browser?
-
Non mi sono ancora dedicato all'argomento (non ne ho avuto necessità) e non so quindi aiutarti, ma cercando troverai di sicuro guide esaurienti sull'argomento.
-
-
aggiornamento...
con il codice che ho proposto ad inizio discussione il problema sembra verificarsi solo con internet explorer 9...
con versioni precedenti (la 8 in particolare) è ok.