css - 如何让 IE8 使用 CSS 生成的内容显示我的自定义图标字体

Question

我已经建立了一个测试页来说明我的问题：http ://www.heliopsis.net/var/fontcustom/

我在很棒的http://fontcustom.com/的帮助下创建了一个自定义字体，但在 IE8 中正确显示它时遇到问题。

似乎 IE8 可以将此字体用于 HTML 实体，但不能用于 CSS 生成的内容。更令人费解的是，它有时会设法显示字形，但在页面重新加载时会丢失它们......

有人知道这里发生了什么吗？

这是我在 IE8 上看到的屏幕截图：

Answer 1

一般来说，生成的内容在 IE8 中的效果不如它应该（什么？）。

我在您的测试页面上玩了一会儿，您可能想检查一下您是否没有被转入 IE8 的 IE7 兼容模式或（甚至更糟）Quirks 模式。这两个似乎都破坏了自定义字体，但是当 IE8 作为 IE8 运行时，我认为它非常好。

为了确保 IE 始终提供最新的功能（如果可能），请添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

元到您的标题。此外，使用 IE8 的开发工具确保在您看到问题时正在加载您的字体。