1

我正在尝试进行一些跨浏览器维护，但在 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 之前，字体看起来会更好，但它会改变其他浏览器的外观。我很迷茫，希望能得到一些帮助，谢谢。

4

3 回答 3

2

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

于 2012-11-01T16:54:02.337 回答
1

使用star hack瞄准IE7

body {
font-family:"Helvetica Neue",Arial, Helvetica,sans-serif;
*字体系列：Arial、Helvetica、sans-serif；
}

于 2012-11-01T16:56:14.763 回答
0

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

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

于 2012-11-01T17:19:10.773 回答