2

出于某种原因，此规则适用于 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 输出到与 Chrome 行为相同的自定义 Webkit 集成中。

有什么明显的我忽略了吗？谢谢你的帮助！

4

1 回答 1

3

原因似乎是您试图将没有斜体版本的字符变为斜体，即斜体字体与普通（直立）字体看起来相同。这对于特殊字符是正常的；使用斜体基本上意味着对字母使用专门设计的字形，也许还有其他一些字符。

这里的相关标记似乎是

<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，根本没有斜体版本。一些浏览器和其他程序可能（错误地）通过算法倾斜正常字形将人工“斜体”应用于此类字体。

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

于 2012-08-09T19:19:31.030 回答