2012-11-10 17 views
7

Ich importiere eine Schriftart mit CSS. Im IE scheint dies jedoch nicht zu funktionieren. Ich weiß nicht warum..es funktioniert nicht in IE

Hier ist meine CSS-Code:

@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; 
} 

Ich habe hinzugefügt .eot, .svg, .woff, ttf und OTF in den Ordner Schriftarten. Es wird in allen Browsern außer IE korrekt angezeigt. Um die EOT-Datei zu erstellen, habe ich diese Site verwendet: http://www.kirsle.net/wizards/ttf2eot.cgi.

Ich habe keine Ahnung, warum es nicht funktioniert. Jede Hilfe wäre großartig. Vielen Dank!

Antwort

21

löste das Problem, es war kein Problem der EOT-Datei. Es scheint, IE hat ein Problem, die EOT-Datei zu finden, wenn der Familienname als der vollständige Name der Schriftart unterschiedlich ist. In meinem Fall war der Schriftname bello-script und die Schriftfamilie war bello. Beide geändert und alles hat gut funktioniert.

+2

Sie, Herr, sind ein mächtiger ** GENIUS **. Ich habe versucht, dieses Problem für die Ewigkeit zu lösen – Tom

+2

Wenn ich das 100 Mal upvote ... Danke Herr –

+2

Könnten Sie beschreiben, was Sie mit "voller Name der Schriftart" meinen? Wo ist das angegeben? Sie sagen, dass Sie den Namen Ihrer Schriftart auf "bello-script" gesetzt haben, aber ich sehe das nirgendwo in Ihrem Code-Snippet ... –