webkit和firefox中的字体权重不同 [英] font weights differing in webkit and firefox

问题描述

我最后确定一个设计，其中一直在firefox工作soley到这一点，只是把它到webkit第一次通知是我的标题不同很多分配，他们是在Helvetica Neue UltraLight 50px，所以在css：

  font-family：helvetica neue font-weight：100; font-size：50px; 
  

当在Firefox中查看时，它看起来像左侧的版本

在webkit中查看（safari，chrome，ios safari）它看起来像是右侧的版本

任何想法如何让这两个更接近在一起？

a href =http://jsfiddle.net/24CFE/ =nofollow noreferrer> jsfiddle 如果任何人想要使用css，

解决方案

过去，我喜欢用这种方式显示比预期更大的pesky webkit字体：

  -webkit-font-smoothing：antialiased; 
  

我还建议使用CSS @ font-face显示Helvetica Neue字体。默认情况下，Helvetica Neue不在所有计算机和操作系统上。希望这可以帮助！ ：）

Im finalizing a design for which ive been working soley in firefox up to this point, just taking it across to webkit the first time ive notice is my headings differ quite allot, they are in Helvetica Neue UltraLight 50px, so in css :

font-family: "helvetica neue"; font-weight:100; font-size:50px; 

when viewed in firefox it looks like the version on the left

viewed in webkit (safari, chrome, ios safari) it looks like the version on the right

any idea how i can bring these two further closer together ?

ive also made a small jsfiddle if any one wants to play around with the css,

解决方案

I've had luck with this in the past for pesky webkit fonts displaying bolder than intended:

-webkit-font-smoothing: antialiased;

I would also recommend using a CSS @font-face to display Helvetica Neue fonts. Helvetica Neue is not on all computers and operating systems by default. Hope this helps! :)

这篇关于webkit和firefox中的字体权重不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！