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;

}

即不将嵌入字体渲染到动态div

1 个答案: