Chrome 中的 Roboto 字体显示不正确

Question

我一直在为一个客户网站工作，我在渲染 Roboto 字体时遇到问题。

在Chrome（ver. 43.0.2357.65 m）中，Roboto 的各种重量看起来都一样。这是示例：左边是 Mozilla Firefox，右边是 Chrome http://i.stack.imgur.com/dX4Lx.jpg

你知道它有什么问题吗？

谢谢

Answer 1

我有相同的版本并且可以使用。

尝试使用此代码

在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; 为例，看看是否可行。

Answer 2

如果你使用@fontface evert浏览器使用不同的字体格式所以完整的css是这样的：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

但是按照建议使用 google 字体应该没有问题。

Answer 3

好吧，真遗憾，但我的电脑上安装了旧版本的 Roboto。
自从我删除后，一切又恢复正常了。

我应该用力捂脸..

Answer 4

我遇到了类似的问题。我注意到所有的周期都是方形的，而不是圆形的。下载 Roboto font here 的全新副本并将其重新安装到您的计算机上。

Answer 5

我遇到了同样的问题，对我来说有效的方法是校准我的显示器并且：

转到 chrome://flags/
加速 2D canvas -> 启用
2D canvas -> 启用重启 Chrome。

Answer 6

就我而言，对于希伯来语站点，font-weight 设置为 900 并且输出在 Firefox 和 Chrome 浏览器中显示不同，即使我遵循 [=16] =]正确：

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

解法： 我刚刚将 font-weight 更新为 700 而不是 900，这解决了问题。

Answer 7

如果您使用的是 Adobe 的 Creative Cloud 并且将 Roboto 设置为字体，则您可能运行遇到 Chrome 中的所有内容然后获取 Roboto Bold 的问题。我禁用了 Adobe Fonts 中的字体并解决了我的问题，但在某些 Google 产品（如 GMAIL）中，Sans Serif 是粗体，您无法关闭粗体。我不知道为什么，也找不到有关如何解决该问题的任何有用信息。

Answer 8

帮我解决了这个问题。

只需从字体请求中删除协议声明（http:// 或 https://）即可。

Chrome 中的 Roboto 字体显示不正确

Roboto font in Chrome is not shown properly

html

css

google-chrome

web

roboto