Helvetica Neue在IE7中渲染奇怪

Question

我正在尝试进行一些跨浏览器维护，我在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之前，字体看起来会更好但是它会改变其他浏览器的外观。我很失落，非常感谢你的帮助。

Answer 1

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

Answer 2

使用明星黑客攻击IE7

身体{
font-family：＆＃34; Helvetica Neue＆＃34;，Arial，Helvetica，sans-serif;
* font-family：Arial，Helvetica，sans-serif;
}

Answer 3

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

如果没有发生这种情况，那么情况会受到除了公开的代码之外的一些CSS代码的影响，或者在您的情况下受到Crossover软件的影响。我敢打赌后者 - 该软件可能会尝试在您的系统中使用Helvetica Neue字体而未能正确执行此操作。无论如何，这很可能只与您的开发环境相关。只需在真实的Windows系统中测试真实IE浏览器上的页面。