0

我正在尝试在我的网站上使用“HelveticaNeueLTStd25UltraLight”。在 OSX 上，它在每个浏览器中看起来都很完美。在 Windows 上，这很可怕：

铬合金： 铬合金

IE： 在此处输入图像描述

我正在使用以下 CSS（如果重要的话）：

    @font-face {
    font-family: 'HelveticaNeueLTStd25UltraLight';
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.ttf');
}


body{font-family:'HelveticaNeueLTStd25UltraLight'; font-weight:normal;}

/*** IE FONT ***/
@font-face {font-family: 'HelveticaNeueLTStd25UltraLight';
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot');
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd25UltraLight.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd25UltraLight.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd25UltraLight.svg#HelveticaNeueLTStd25UltraLight') format('svg');
    font-weight: normal;
    font-style: normal;}

有人可以解释这是为什么吗？我能做些什么呢？如果我必须使用另一种字体，哪些字体可以安全使用？

4

2 回答 2

2

与 OSX 或 iOS 相比，Windows 在浏览器中的字体渲染更糟糕。有时您可以通过选择浏览器抗锯齿看起来不太糟糕的特定字体大小来修复它。还有text-rendering: optimizeLegibilityCSS 属性，但根据我的经验，它通常弊大于利。

选择一种更适合 Web 显示的不同字体。 Google Web Fonts是一个不错的起点。他们有很多很棒的现代字体，这些字体都经过优化，可用作网络字体，除此之外，它们还提供 CSS 等 - 你只需要<link>在你的外部 CDN CSS 文件中添加它们，<head>然后你就可以开始使用了。“Lato”和“Raleway”是我有时用来代替 Helvetica Neue 的字体。

此外，由于 Helvetica Neue LT Std 是一种商业字体，因此嵌入该字体几乎肯定是非法的，所以......

于 2013-07-19T18:01:44.697 回答
0

每个浏览器使用不同的方法以不同的方式呈现字体，这就是为什么要包含这么多不同版本的字体，因为每个版本都由不同的浏览器使用。OSX 拥有最好的字体渲染引擎之一，看起来很棒，但在 IE、FF 或 Chrome 中查看，情况往往会有所不同。除了尝试更厚的字体之外，您无能为力。

你可以看看也许有font-weight: 500帮助。

于 2013-07-19T18:02:15.723 回答