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

Question

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

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

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

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

以下是我在IE8上看到的截图：

Answer 1

一般情况下，生成的内容在IE8中的效果不如（应该是什么？）。

我在你的测试页面上玩了一下，你可能想要检查你是不是已经被淘汰到IE7的IE7兼容模式或者（更糟糕的）Quirks模式。这两个似乎打破了自定义字体，但我认为当IE8作为IE8运行时它非常好。

要确保IE始终提供最新的可用性，请添加

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

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