0

我一直在遵循这篇文章http://coding.smashingmagazine.com/2013/02/14/setting-weights-and-styles-at-font-face-declaration/comment- page-1/#comment-870111

不幸的是,我仍然在我的网络字体上使用 IE8 中的仿斜体字,因为如果字体由于某种原因没有加载,我会尝试考虑我的后备字体的样式。

我正在使用 Pacifico 脚本字体(本地提供),我想确保它降级为斜体斜体。我偷偷地在我的@font-face 中将它声明为 font-style:italic。

@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 和后备字体/样式。)

4

1 回答 1

0

这种字体有尖锐字符的问题。我花了几天的时间来追踪我的 CSS 中的错误,最终发现它是 webfont。它一直在 IE8 中打开兼容性视图,或者使 IETester 崩溃。

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

于 2014-01-17T23:57:15.113 回答