У меня есть следующие строки в моем CSS.font-face не работает в IE8?
@font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(/Styles/YanoneKaffeesatz-Bold.otf) format("opentype") }
В IE9 они отображаются. В IE8 он использует резервный шрифт Arial. Как мне заставить это работать в IE8?
Вам необходимо предоставить версию EOT вашего шрифта, чтобы более старые версии IE могли вставлять его. Они не будут распознавать какой-либо другой формат, поэтому вы наблюдаете отступничество к Arial.
Возьмите свой шрифт Font Squirrel @font-face Generator, и он подготовит для вас все, включая новый набор правил CSS @font-face для использования над вашими существующими.
Наконец-то появился Font Squirrel для работы для меня. Любите выход! Фантастика! благодаря! –
Internet Explorer не распознает ваши шрифты .ttf (TrueType) или .otf (OpenType) в CSS3, по крайней мере, пока нет. IE распознает .eot (Embeddable Open Type).
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
Посмотрите на here
Попробуйте запустить свой шрифт через [генератор fontsquirrel в] (http://www.fontsquirrel.com/fontface/generator) и посмотреть, что он проворачивает. Чтобы пользовательские шрифты работали в кросс-браузере, вам необходимо иметь шрифт в нескольких форматах. –
Похоже, генератор fontsquireel не работает для меня. После того, как я загружаю файлы, он все еще говорит, что у меня нет загруженных файлов, и нет никаких шрифтов в загрузке, которую он предоставляет. Я пробовал как с FireFox 10, так и с IE8. Сегодня вечером я попробую с другим браузером, когда вернусь домой. –
Веб-сайт FontSquirrel на самом деле действительно очень медленный для меня сегодня. Интересно, есть ли у них какие-то проблемы. Вы также можете посмотреть некоторые из [веб-шрифтов Google] (http://www.google.com/webfonts), чтобы узнать, как они это сделали. –