проблема со шрифтом CSS в Internet Explorer

Question

Я использую следующий код в CSS для рендеринга шрифтов, но он не работает в IE

@ font-face {font-family: BELOVED; src: url ('font / BELOVED.TTF');}

есть предложения?

Answer 1

IE, к сожалению, не поддерживает шрифты TTF, поэтому вам также необходимо использовать EOT, поддерживаемые типы / браузеры:

• Internet Explorer (все версии): EOT
• Safari (3.2+): TTF / OTF
• iPhone (3.1) SVG
• Chrome (все версии): SVG (TTF / OTF добавлено 25 января 2010 г.)
• Firefox (3,5+): TTF / OTF (.WOFF добавлено 3,6)
• Опера (10+) TTF / OTF

У меня был ограниченный успех с font-face, но я надеюсь, что это поможет.

Answer 2

вам лучше пойти на fontsquirrel.com и набрать комплект @ font-face, чтобы получить максимальный кросс-браузер. У Пола Айриша также есть замечательный пуленепробиваемый кросс-браузерный пример того, как правильно встраивать @ font-face.

Answer 3

IE не поддерживает формат файла TTF (обновлено в марте 2016 г.) .

Вот инструмент для преобразования вашего TTF в EOT.

Answer 4

легко решить перейти по этой ссылке http://www.fontsquirrel.com/fontface/generator

загрузить шрифт

, затем загрузите все файлы с разными форматами шрифтов, которые поддерживаются для разных браузеров и используются в вашем проекте теперь он будет работать точно во всех браузерах

Answer 5

Плохая новость: IE не поддерживает стандартные шрифты в формате TTF. (Я постоянно удивляюсь, как трудно работать с IE)

Хорошая новость: IE поддерживает альтернативный формат шрифта, называемый EOT. Вам нужно будет предоставить шрифт в обоих форматах и ​​изменить свой CSS, чтобы указать их оба.

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

Как правило, вы должны иметь возможность конвертировать шрифты TTF в формат EOT без особых проблем, но некоторые шрифты могут оказаться необратимыми. В этом случае вам не повезло.

Подробнее здесь: http://randsco.com/index.php/2009/07/04/p680