更新:我写了一篇关于这个问题的博客文章。 我仍然不完全了解它,但希望有人会阅读这个问题,并在我的问题上说一些: http : //andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 我有一个页面,我正在使用@ font-face导入图标的自定义字体。 图标是用一个类创build的: .icon {font-family: 'icon-font';} .icon:before {content: 'A';} 瞧,我有什么图标用于“A”。 相当标准的东西,适用于所有的浏览器,包括IE8。 但是,在IE8中,我有一个奇怪的错误。 页面加载时,字体不起作用。 我没有图标,而是到处都有信件。 一旦我将鼠标hover在页面(正文)上,一半的字母就会变成图标。 其余的人在我盘旋时变成了图标。 所以字体正确embedded。 font-family和content属性都可以正常工作,但其他的东西只会导致图标只能在hover后加载。 所以当你尝试使用字体:before {content:'a'}时,在IE8中会出现一些类似于@ font-face的错误,但我不知道这个错误是什么。 我在这里search了几个小时,发现类似的bug / IE8问题,但是我没有运气,而且我要疯了。 有什么build议么? 让我知道,如果我可以提供更多的信息,可能会有所帮助。 编辑:更新到博客post的断开的链接。