Helvetica Neue 在 IE7 中渲染异常答案

【问题标题】：Helvetica Neue rendering strangely in IE7Helvetica Neue 在 IE7 中渲染异常
【发布时间】：2012-11-02 01:19:10
【问题描述】：

我正在尝试进行一些跨浏览器维护，但在 IE7 中出现字体时遇到了问题。我没有跨浏览器测试的经验，所以如果我很愚蠢，请原谅我。我正在使用 bootstrap.min.css，正文中定义的字体是：

body{margin:0;font-family:"Helvetica Neue",Arial, Helvetica,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;}

默认的 Helvetica Neue 在我的 Mac 开发机器上运行良好，但是当我在 IE7 上使用 Crossover 进行测试时，字体非常难以看到，这只是 Windows 上字体的错误版本吗？如果是，我可以定义一种不在 IE7 中使用的方式吗？这就是字体的样子。

如果我将 Arial 放在 Helvetica Neue 之前，字体看起来会更好，但它会改变其他浏览器的外观。我很迷茫，希望能得到一些帮助，谢谢。

【问题讨论】：

你的 Windows 机器上真的有 Helvetica Neue 吗？我无法从您的代码中看到，但是如果您使用的是网络字体，您是否正确导入了字体？
不要花太多时间让字体在 IE7 中工作。你永远不会获得投资回报率。
@alimac83 我正在使用 Crossover 在 Mac 上运行 IE7，所以我不确定我是否正确导入了字体。 AlienWebguy 谢谢，我会尽力而为，但我不会为此感到太大压力。我只是想解决它。
我同意 Alien 的观点 - 看看这个 :-) bbc.co.uk/news/technology-18440979
这很奇怪。快速修复：将*font-family:Arial, sans-serif 添加到上面的正文声明中（在初始字体系列之后）。 Hack 只命中 IE

标签： css fonts twitter-bootstrap internet-explorer-7

【解决方案1】：

您必须使用 font-face 以实现跨浏览器兼容性。 “Helvetica Neue”不是网络安全字体，因此它的渲染取决于它是否在查看器系统上可用。如果不是，则呈现该行中的下一个字体，在这种情况下可能是 Arial。

【讨论】：

【解决方案2】：

使用star hack瞄准IE7

身体{
font-family:"Helvetica Neue",Arial, Helvetica,sans-serif;
*font-family:Arial, Helvetica, sans-serif;
}

【讨论】：

我之前尝试了这些技巧，出于某种原因，Arial 会在支持 Helvetica Neue 的浏览器中呈现 :( 可能只需要主要使用 Arial。
通常 Helvetica Neue 仅在 OS X 上，而 Helvetica 在 PC 上。也许你有一个损坏的字体？也许在另一台机器上测试。

【解决方案3】：

大多数计算机没有名为“Helvetica Neue”的字体，而在您的情况下，几乎所有 IE 7 安装都会使用 Arial。

如果没有发生这种情况，那么情况会受到某些 CSS 代码而非公开代码的影响，或者在您的情况下，受到 Crossover 软件的影响。我敢打赌后者——该软件可能会尝试在您的系统中使用 Helvetica Neue 字体，但未能正确使用。无论如何，这很可能仅与您的开发环境相关。只需在真实的 Windows 系统中在真实的 IE 上测试页面即可。

【讨论】：

太棒了！谢谢，我什么时候能拿到手就去看看。