Ie8 не передает встроенные шрифты в динамические divs

@font-face { 
    font-family: "England Hand"; 
    src: url("fonts/englandhand.eot?#iefix") format("embedded-opentype"),url("fonts/englandhand.ttf") format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
}

У меня есть как стиль шрифта. Он включен в тело страницы. Я не добавил семейство шрифтов в div, и он отображает там ohk. Когда я создаю клон этого div и присваиваю ему другую позицию и id, шрифт перестает рендеринг.Ie8 не передает встроенные шрифты в динамические divs

В консоли также нет ошибок. Эта ошибка возникает только в IE 8 и отлично работает на IE 9.

РЕШЕНИЕ Остерегайтесь ошибок js. Разумеется, там будет один, ведущий к выпуску

источник

2013-02-15 Bhumi Singhal

Стили CSS не должны быть действительно объявлены внутри тега BODY. Лучшей практикой является ссылка на внешнюю таблицу стилей в вашем теге HEAD или размещение CSS с тегом STYLE в HEAD страницы. –

Yup Я знаю это, но по некоторому вопросу здесь я читаю, что это помогает IE8 правильно отображать. Ну, я стараюсь делать все, что могу. –

Я думаю, что у вас отсутствуют некоторые префиксы для поддержки ie8/ie9. Ваш код должен выглядеть примерно так:

@font-face { 
    font-family: 'deutsch_gothicnormal'; 
    src: url('deutsch-webfont.eot'); 
    src: url('deutsch-webfont.eot?#iefix') format('embedded-opentype'), 
     url('deutsch-webfont.woff') format('woff'), 
     url('deutsch-webfont.ttf') format('truetype'), 
     url('deutsch-webfont.svg#deutsch_gothicnormal') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

источник

2013-02-15 11:38:19 Rosario

src: url ('deutsch-webfont.eot'); является кодом поддержки ie9. в то время как линия nect определяет, что foe ie8, поэтому для ie8 my @ font-face является правильным. –

Ie8 не передает встроенные шрифты в динамические divs

ответ

Смежные вопросы