Мой пользовательский шрифт не хочет работать в Internet Explorer - PullRequest
Новая
       5

Мой пользовательский шрифт не хочет работать в Internet Explorer

18 голосов
/ 19 января 2012

Я пытаюсь использовать шрифты Green Pillow и Cotidiana на сайте, над которым я работаю. Я загрузил файл .eot, используя @ font-face, но он все еще не работает ...

Действительно не уверен, что я сделал не так: 

@font-face {  
 font-family: "link_font";  
 src: url( "Greenpiloww.eot" ); /* IE */  
 src: local("GreenPillow"), url( "GREENPIL.otf" ) format("truetype"); /* non-IE */  
}  


@font-face {  
font-family: "twitter_font";  
 src: url( "Cotidiana.eot" ); /* IE */  
src: local("Cotidiana"), url( "Cotidiana.ttf" ) format("truetype"); /* non-IE */  
}

1 Ответ

28 голосов
/ 19 января 2012

Вы можете попробовать следующий синтаксис, известный как пуленепробиваемый синтаксис font-face : 

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

Очевидно, строка запроса после шрифта .eot помогает IE не подавиться. Если у вас нет версий шрифтов .svg или .woff, просто удалите эти строки.

...