更新:我写了一篇博文,讲述了我对这个问题的了解.我仍然不完全理解它,但希望有人会读到这个并阐明我的问题:http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8
我有一个页面,我正在使用@ font-face导入图标的自定义字体.图标是使用类创建的:
.icon {font-family: 'icon-font';}
.icon:before {content: 'A';}
瞧,我有任何用于"A"的图标.非常标准的东西,适用于所有浏览器,包括IE8.
但是,在IE8中,我有一个奇怪的错误.页面加载时,字体无法正常工作.我没有图标,而是遍布整个地方.一旦我将鼠标悬停在页面(正文)上,一半字母就会成为图标.当我将鼠标悬停在它们上面时,剩下的就成了偶像
所以font-face正确嵌入.font-family和content属性都有效,但是其他东西导致图标仅在悬停后加载.
因此,当您尝试使用以下字体时,IE8中的@ font-face存在某种错误:在{content:'a'}之前,但我不知道错误是什么.
我在这里搜索了几个小时的类似bug/IE8问题/任何东西,但我没有运气,我即将发疯.有什么建议？
如果我能提供可能有用的信息,请告诉我.
编辑:更新了博客文章的断开链接.