CSS - 为什么font-style：italic不适用于font-family：Helvetica，Arial，sans-serif？

Question

出于某种原因，此规则适用于Mac上的Chrome，但不适用于Windows。页面底部的箭头应为斜体，但仅适用于Mac。

您可以在此处查看示例：http://jansensan.net/clients/float4/allianz-global-assistance/true-stories.html

您可以在此处查看CSS：http://jansensan.net/clients/float4/allianz-global-assistance/assets/css/main.css

寻找.buttonLabel类。

在你提到它可能在IE或Firefox中运行之前，这些浏览器与这个项目无关。 HTML输出是一个自定义Webkit集成，其行为与Chrome相同。

我忽略了一些明显的东西吗？谢谢你的帮助！

Answer 1

原因似乎是你试图将没有斜体版本的字符斜体化，即它看起来像斜体字体一样，与普通（直立）字体相同。这对于特殊字符来说是正常的;使用斜体基本上意味着为字母使用特别设计的字形，也可能用于某些其他字符。

这里的相关标记似乎是

<div class="buttonLabel label">&lt;</div>

和相关的CSS代码

.buttonLabel
{
font-family: Verdana, sans-serif;
font-style: italic;
}

（与问题标题相反，我在CSS代码中找不到任何对Helvetica或Arial的引用。而且我找不到任何箭头，只有少于几个字符。）

在Verdana中，“＆lt;”的斜体字形与普通字形相同。在Arial中也是如此。在其他一些字体中，它可能看起来不同，但这应该被视为印刷缺陷。某些字体（如Arial Unicode MS）根本没有斜体版本。某些浏览器和其他程序可能（错误地）通过算法倾斜正常字形，对这些字体应用人工“斜体”。

解决方案取决于您所追求的目标。我看不出有理由试图将“＆lt;”或“＆gt;”设为斜体，但如果您希望获得这些字符的一些扭曲的倾斜版本，使用图像是实用的解决方案。