Ie8没有将嵌入的字体呈现给动态div

Question

 @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时，字体将停止渲染。

控制台中也没有错误。此错误仅发生在IE 8上，在IE 9上运行良好。

解决方案注意js错误。肯定会有一个导致问题

Answer 1

我认为您缺少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;
}