斜体是否以粗体显示？

今天，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，然后才发现该错误，但没有效果，所以它看起来像是CSS以外的其他东西。我试过验证HTML和CSS，没有任何东西显示它似乎是源代码。

这方面的例子显示了这个页面上：https://critter.co/home/orgs/

来源

2014-02-22 heykatieben

我明白你的意思，除非斜体用于工作，它似乎与网站使用的字体（谷歌字体）有关。如果我更改字体，它将显示为斜体，而不是粗体。 –

啊！这是一个很好的线索。还有另一个问题：“强”出现与字母间距.1em造型。我有其他元素（h1-h5，nav），但不强。当我拿走字体时，这也是固定的。谷歌的字体如何做到这一点？我会尝试下一步直接上传字体，而不是从Google下载。 – heykatieben

最好在这里包含你的代码，然后链接到一个网站。如果其他用户遇到类似问题，并且在问题发生后网站或内容发生更改，则此问题对于未来的读者而言将变得毫无用处。 –

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

您的网页上...

你刚才字体重量：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中指定字体权重，并且在所有浏览器中渲染可以更一致。

来源

2014-02-22 00:55:50 sinisake

很好的答案！如果OP目前只有倾斜，这可以解释为什么浏览器在显示字体时不一致，即某些应用倾斜作为替代，一些默认为无。 –

谢谢！ :)我不明白为什么显示会突然改变，因为在过去几周里我没有改变这条线，但是谁知道。这个答案对我来说很有意义。我只是用这个人的字体替换字体：http://qrohlf.com/posts/better-opensans/ - 并且一切都是固定的。谢谢你的帮助！ :) – heykatieben

斜体是否以粗体显示？

回答

相关问题