在Mac上字体很棒,在PC上很糟糕

时间:2013-07-15 21:05:01

标签: html css fonts

我在网站上选择以下字体:

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

在Mac上,这种字体看起来很棒,而在Windows上看起来很糟糕。这是截图:

This is on a mac

And this is on a pc

我尝试使用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 个答案:

答案 0 :(得分:1)

HelveticaNeue是一种Mac系统字体,Apple使用的确切版本在PC上不可用(据我所知)。我通常将'Arial'添加到font-family样式,并且它在PC上显示正常。

答案 1 :(得分:1)

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

Arimo是helvetica neue的兼容字体

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

答案 2 :(得分:0)

HelveticaNeue是Apple系统字体。我不相信有相当于PC的东西,帮助Helvetica,女巫不一样,但是看起来很近。

我们也遇到过这种情况,特别是在尝试使用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

答案 3 :(得分:0)

查看typekit中的这篇文章:CSS properties that affect type rendering

引自本文:

  

在网络上进行类型渲染时,网页设计师无法做到。字体在屏幕上显示的方式主要是由于操作系统,浏览器,字体设计,字体文件以及这些字体文件如何(或不是)增加了最令人难以忍受的渲染方案的说明。但在某些情况下,CSS属性会影响类型的外观。

它是从2011年开始的,但它涵盖了一些有趣的字体渲染方法,它们仍然很有用。