Question

我一直在关注@ font-face的希望防弹说明http://coding.smashingmagazine.com/2013/02/14/setting-weights-and-styles-at-font-face-declaration/comment-page-1/#comment-870111

不幸的是，我仍然在我的网页上使用IE8进行虚假化，因为如果字体由于某种原因没有加载，我试图考虑我的后备字体的样式。

我正在使用Pacifico脚本字体（在本地提供），我想确保它降级为serif斜体。我偷偷地将它声称为字体样式：在我的@ font-face中使用斜体。

@font-face {
font-family: 'Pacifico';
src: url('Pacifico-webfont.eot');
src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
     url('Pacifico-webfont.woff') format('woff'),
     url('Pacifico-webfont.ttf') format('truetype'),
     url('Pacifico-webfont.svg#Pacifico') format('svg');
font-weight: 500;
font-style: italic;

}

这种h1样式正确加载字体，但在IE8中，脚本变为虚假斜体。

 h1{
font-family: 'Pacifico', serif;
font-weight: 500;
font-style: italic;
font-size: 32px;
color: #f9a51a;

非常确定我已正确遵循所有说明:(。所有在Chrome和Firefox中都能正常工作 - 我所做的@ font-face声明确实可以阻止虚假造型。但我担心IE8没有完美的解决方案

（澄清一下 - IE9似乎正确地呈现了webfont和后退字体/样式。）

Answer 1

此字体有issues with acute characters。我花了几天的时间来追踪我的CSS中的错误，最终发现它是webfont。它一直在IE8中打开兼容性视图，或者崩溃IETester。

可悲的是，唯一的解决方法是使用另一种字体，直到字体作者更新它并修复问题。

在IE8中@ font-face faux-italic

1 个答案: