html - CSS - 为什么字体样式 : italic not applied for 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 的引用。而且我找不到任何箭头，只有 LESS THAN 和 GREATER THAN 字符。)

在 Verdana 中，“<”的斜体字形与普通字形相同。同上 Arial。在其他一些字体中，它可能看起来不同，尽管这应该被视为排版缺陷。某些字体，例如 Arial Unicode MS，根本没有斜体版本。某些浏览器和其他程序可能会(错误地)通过算法使正常字形倾斜，将人工“斜体”应用于此类字体。

解决方案取决于您的追求。我看不出有什么理由尝试使用斜体“<”或“>”，但是如果您希望获得此类字符的一些扭曲倾斜版本，使用图像是实用的解决方案。