Chrome中的Roboto字体显示不正确

时间:2015-05-27 07:50:32

标签: html css google-chrome web roboto

我一直在为客户端网站工作,我在渲染Roboto字体方面遇到了问题。

在Chrome(版本43.0.2357.65米)中,Roboto的各种重量看起来都相同。 这是一个例子: 左边是 Mozilla Firefox ,右边是 Chrome http://i.stack.imgur.com/dX4Lx.jpg

你知道它有什么问题吗?

谢谢

8 个答案:

答案 0 :(得分:13)

嗯,这真是太可惜了,但我的PC上安装了旧版的Roboto。
自从我删除后,一切正常。

我应该努力面对自己......

答案 1 :(得分:6)

我的版本相同,而且很有效。

尝试使用此代码在CSS中包含字体

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

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

并设置font-weight: 300;示例,看看是否有效。

答案 2 :(得分:1)

如果你使用@fontface evert浏览器使用不同的字体格式,那么完整的css是这样的:

IList<string>

但正如使用谷歌字体建议你应该没有问题。

答案 3 :(得分:0)

我有类似的问题。我注意到所有时期都是正方形,而不是圆形。下载Roboto font here的全新副本,然后在您的计算机上重新安装。

答案 4 :(得分:0)

我遇到了同样的问题,对我来说,校准我的显示器是有效的:

  1. 转到chrome:// flags /
  2. 加速2D画布 - &gt;启用
  3. 2D画布 - &gt;启用重新启动Chrome。

答案 5 :(得分:0)

就我而言,对于希伯来语网站,font-weight设置为900,并且在Firefox和Chrome浏览器中输出显示不同,即使我正确地关注了Google-Font's embedding rules

//For example:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900" rel="stylesheet"> 

<强>解决方案: 我刚刚将font-weight更新为700而不是900,这解决了问题。

答案 6 :(得分:0)

如果您使用的是Adobe的Creative Cloud,并且已将Roboto设置为字体,则可能会遇到问题,即Chrome中的所有内容都变为Roboto Bold。我禁用了Adobe Fonts的字体,并解决了我的问题,但是在某些Google产品(例如GMAIL)中,Sans Serif粗体显示,您无法关闭粗体显示。我不知道为什么,也找不到如何解决该问题的任何好信息。

答案 7 :(得分:0)

https://stackoverflow.com/a/27383566/11417534为我解决了这个问题。

只需从字体请求中删除协议声明(http://或https://)。