Google字体的100字重无法使用

3

我有一个使用Google字体中Raleway字体的Android游戏,在游戏中它看起来不错。我也想在网站上使用这种字体,但是在网站上字体显示的效果不同。在游戏中我使用的是Raleway-Thin,我也想在网站上使用同样的字体。我遇到的问题是薄字体在网站上并不像游戏中那么细。

@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);

body{
    font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 100;
}

当将font-weight设置为100, 200, 300, 400或500时,字重始终相同。这是什么原因?

屏幕


当我将您的代码放入JSFiddle中时,它可以工作。我正在使用Windows 7上的Firefox 39。您能否编辑您的问题,以便其中包含一些HTML片段,并查看您的问题是否在此处重复? - BSMP
看起来像是Chrome的问题...在我的Firefox中可以工作,但在Chrome中不行。 - Get Off My Lawn
它在我使用的Chrome(版本43.0.2357.130 m)上也可用。我通过更改数字进行了双重检查;它确实改变了文本的加粗程度。 - BSMP
我认为这只是他们在风格和/或可访问性方面的决定。 我假设您看到的与我看到的相同,即那里的字体比此处或一般网站上的字体更粗,但标题仍比常规文本更重。 - BSMP
我已经添加了一张截图,左边是显示所有粗体文本的谷歌页面,右边是在Firefox中工作的字体。 - Get Off My Lawn
显示剩余2条评论
1个回答

7

我明白了!

我的电脑上安装了字体Roboto,所以它使用了这种字体。我删除了这个字体,这样谷歌就可以正常显示加粗字体了,因为谷歌在很多地方都使用这种字体。

接着我又删除了安装在电脑上的Raleway字体,这样就解决了我的网站初始问题。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接