斜体是粗体渲染?

时间:2014-02-22 00:42:59

标签: css

今天,css中的font-style:italic是以粗体呈现我的字体,仅在Chrome和Firefox上呈现 - 而不是在Safari上。

例如,使用此css:

em {
 font-style: italic;
}

和这个HTML:

<p><em>Hi, I'm showing up in bold.</em></p>

以斜体显示并以粗体显示。

我已经尝试过在两天前恢复CSS之前我注意到了这个bug,没有效果,所以看起来它不是导致这个问题的CSS。我已经尝试过验证HTML和CSS,似乎没有任何东西出现。

此页面上显示了一个示例:https://critter.co/home/orgs/

1 个答案:

答案 0 :(得分:3)

实际链接/代码:https://fonts.googleapis.com/css?family=Open+Sans:800italic,400

在你的页面上......

你只有font-weight:800,斜体字。

更改为:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,400italic,300,300italic,600,600italic,700,700italic,800' rel='stylesheet' type='text/css'>

所以你有所有可能的变化... P.S。然后在CSS中指定font-weight,并且在所有浏览器中渲染可以更加一致。