2012-11-10 30 views
7

Sto importando un font con CSS. Tuttavia, non sembra funzionare in IE. Non so perché.. Non funziona in IE

Ecco il mio codice CSS:

@font-face { 
    font-family: 'bello'; 
    src: url('../fonts/bello.eot?'); 
    src: url('../fonts/bello.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/bello.woff') format('woff'), 
     url('../fonts/bello.ttf') format('truetype'), 
     url('../fonts/bello.svg#bello') format('svg'); 

    font-weight: normal; 
    font-style: normal; 
       } 
.bello { 
    font-family: "bello", Verdana, Tahoma; 
} 

Ho aggiunto .eot, SVG, .woff, .ttf e .otf ai font di cartelle. Viene visualizzato correttamente in tutti i browser tranne IE. Per creare il file .eot ho usato questo sito: http://www.kirsle.net/wizards/ttf2eot.cgi.

Non ho idea del motivo per cui non funziona. Qualsiasi aiuto sarebbe grande. Grazie!

risposta

21

risolto il problema, non era un problema del file di eot. Sembra che IE abbia un problema nel trovare il file .eot se il nome della famiglia è diverso dal nome completo del font. Nel mio caso il nome del font era bello-script e la famiglia di font era bella. Cambiato entrambi e tutto ha funzionato bene.

+2

Tu, signore, sei un potente ** GENIUS **. Ho provato a risolvere questo problema da anni – Tom

+2

Se potessi trasmettere questo 100 volte ... Grazie signore –

+2

Puoi descrivere cosa intendi per "nome completo del carattere"? Dove è specificato? Dici di aver impostato il nome del tuo font in "bello-script", ma non lo vedo in nessun punto dello snippet di codice ... –