如何在IE中强制使用此字体进行渲染?

时间:2014-07-31 15:36:25

标签: css internet-explorer fonts

更新

这只发生在Windows 7计算机上的IE中。 IE在运行Windows 8.1的计算机上的字体没有问题。我没有运行Windows 8的计算机,因此我无法验证该版本。

更新2

我打电话给几个朋友,他们的Windows 7机器上的字体很好,所以我迷失在这里。我能想到的另一件事就是寻找我可能错过的Windows更新。 。

更新3

我已安装所有Windows更新,包括可选的更新。 IE11也是最新的。尽管如此,我的Win 7机器上的字体不会在IE中呈现。尽管如此,它在我测试过的其他Win 7机器上运行良好,但是我要离开这篇文章,因为我真的想深究这一点。

原帖

我已经看过几个相关的堆栈问题,但还没有找到解决方案。我只是发布这个,以防我遇到的是一些相关问题未涉及的边缘案例:

我正在尝试使用此字体:

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

字体文件和CSS是使用Font Squirrel生成的,除了IE(当然)之外,它们在其他所有浏览器中都能正常工作。

字体本身可以是downloaded for free here

这是我的实施:

#bottom-section h2 {
    font-family: "duaselight";
    font-size: 2.2em;
    margin-top: 50px;
    padding-left: 20px;
}

我试过了:

  • @font-face
  • 添加完整网址
  • 重新排序src
  • 中的@font-face属性

我还验证了IE确实正在下载字体,只是没有渲染。

希望有人能发现明显的疏忽。感谢。

0 个答案:

没有答案