html - 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 中，它在那里呈现哦。当我创建此 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;

}