webkit和firefox中的字体权重不同

sam*_*sam 3 css fonts typography cross-browser

我最终确定了一个设计,我已经在firefox中工作到此为止,只是在我第一次注意到我的标题时,我的标题不同,它们在Helvetica Neue UltraLight 50px,所以在css:

font-family: "helvetica neue"; font-weight:100; font-size:50px; 
Run Code Online (Sandbox Code Playgroud)

在firefox中查看它看起来像左边的版本

在webkit中查看(safari,chrome,ios safari)它看起来像右边的版本

firefox helvetica neue ultra light webkit helvetica neue ultra light

任何想法我怎么能把这两个更紧密地联系在一起?

如果有人想用css玩,我也做了一个小小的jsfiddle,

小智 7

我过去很幸运,因为讨厌的webkit字体显示比预期更大胆:

-webkit-font-smoothing: antialiased;
Run Code Online (Sandbox Code Playgroud)

我还建议使用CSS @ font-face来显示Helvetica Neue字体.默认情况下,Helvetica Neue不在所有计算机和操作系统上.希望这可以帮助!:)

  • 感谢parker,它和有趣的方法,但在这种情况下它所做的只是删除抗锯齿 (2认同)