0

我为我的网站选择以下字体：

http://fontscore.com/fonts/Helvetica-Neue-LT-Std-35-Thin_22514.html

在 Mac 上这个字体看起来很棒，而在 Windows 上看起来很糟糕。这是屏幕截图：

这是在mac上

这是在电脑上

我尝试使用fontgenerator转换字体；我还添加了这些东西：

text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;

结果还是一样。我知道 Windows 使用 Cleartype 并以与 Mac 不同的方式处理字体，但有可能解决这个问题吗？

编辑：这是我的字体规则：

@font-face {
    font-family: 'Thin';
    src: url('fonts/helvetica-neue-lt.eot');
    src: url('fonts/helvetica-neue-lt.eot') format('embedded-opentype'),
         url('fonts/helvetica-neue-lt.woff') format('woff'),
         url('fonts/helvetica-neue-lt.ttf') format('truetype'),
         url('fonts/helvetica-neue-lt.svg#Thin') format('svg');
}
4

4 回答 4

1

HelveticaNeue 是 Mac 系统字体，Apple 使用的确切版本在 PC 上不可用（据我所知）。我通常在字体系列样式中添加“Arial”，它在 PC 上显示良好。

于 2013-07-15T21:17:56.980 回答
1

我建议使用http://www.google.com/fonts/

Arimo 是 helevetica neue 的兼容字体

易于实施并在所有平台上兼容

于 2013-07-15T21:25:39.263 回答
0

HelveticaNeue 是 Apple 系统字体。除了 Helvetica 之外，我不相信有一个 PC 等价物，女巫不一样，而是一个近距离观察。

我们也遇到过这种情况，尤其是在尝试与 zurbFondation 合作之后。我们尝试调试，甚至写信给 mozilla ..

我对您的问题的最佳解决方案：不要使用 helvetica neue并阻止您的设计师像那些对渲染引擎知之甚少的人一样使用它们。

只是不要使用它。如果您真的需要“为什么不使用它”的解释，请像我们一样，花大约 6 小时测试跨平台、跨浏览器……再花 4 小时与技术总监和设计师争论。

是的，这个答案不是很“科学”，买AYE！相信我，这很糟糕。

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+firefox+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+problem

于 2013-07-15T21:22:21.527 回答
0

查看 typekit 中的这篇文章：影响类型渲染的 CSS 属性。

引用自这篇文章：

当谈到网络上的文字渲染时，网页设计师无能为力。字体出现在屏幕上的方式主要是由于操作系统、浏览器、字体设计、字体文件，以及这些字体文件是如何（或不）为最无情的渲染场景增加指令的。但在某些情况下，CSS 属性会影响字体的外观。

它是从 2011 年开始的，但它涵盖了一些关于字体渲染的有趣内容，这些内容仍然有用。

于 2013-07-15T21:30:58.327 回答