2012-11-10 33 views
7

Importuję czcionkę z CSS. Jednak nie wydaje się działać w IE. Nie wiem dlaczego..nie działa w IE

Oto mój kod 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; 
} 

Dodałem .eot, .svg, .woff, .ttf i .OTF do folderu czcionek. Wyświetla się poprawnie we wszystkich przeglądarkach oprócz IE. Aby utworzyć plik .eot, skorzystałem z tej strony: http://www.kirsle.net/wizards/ttf2eot.cgi.

Nie mam pojęcia, dlaczego to nie działa. Każda pomoc byłaby świetna. Dzięki!

Odpowiedz

21

rozwiązał problem, nie było problemu z plikiem eot. Wygląda na to, że program IE ma problem ze znalezieniem pliku .eot, jeśli nazwa rodziny jest inna niż pełna nazwa czcionki. W moim przypadku nazwa fontu to bello-script i rodzina czcionek była bello. Zmieniono ich obu i wszystko działało dobrze.

+2

Ty, panie, jesteś potężny ** GENIUS **. Próbowałem rozwiązać ten problem dla osób w wieku od – Tom

+2

Gdybym mógł to powtórzyć 100 razy ... Dziękuję, sir –

+2

Czy mógłbyś opisać, co masz na myśli przez "pełne imię czcionki"? Gdzie to jest określone? Mówisz, że ustawiłeś nazwę czcionki na "bello-script", ale nie widzę tego w żadnym miejscu we fragmencie kodu ... –