13

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

在 Chrome（版本 43.0.2357.65 m）中，Roboto 的所有不同重量看起来都一样。示例如下：左边是Mozilla Firefox，右边是Chrome http://i.stack.imgur.com/dX4Lx.jpg

你知道它有什么问题吗？

谢谢你

4

8 回答 8

15

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

我应该努力面对自己。。

于 2015-05-27T08:27:37.310 回答
7

我有相同的版本，它的工作。

尝试使用此代码在 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;例如，看看是否有效。

于 2015-05-27T08:00:11.153 回答
1

如果你使用 @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 */
}

但正如使用谷歌字体所建议的那样，你应该没有问题。

于 2015-05-27T08:19:40.080 回答
1

如果您使用的是 Adob​​e 的 Creative Cloud，并且您将 Roboto 设置为字体，您可能会遇到 Chrome 中的所有内容然后获得 Roboto Bold 的问题。我禁用了 Adob​​e Fonts 中的字体，它解决了我的问题，但在 GMAIL 等谷歌产品中，无衬线字体是粗体的，你不能关闭粗体。我不知道为什么，也找不到任何关于如何解决这个问题的好信息。

于 2018-06-29T02:45:27.857 回答
0

我有一个类似的问题。我注意到所有的周期都是方形的，而不是圆形的。在此处下载新的 Roboto 字体副本并将其重新安装到您的机器上。

于 2017-06-26T11:48:55.910 回答
0

在我的例子中，对于一个希伯来语网站，即使我正确地遵循了Google-Font 的嵌入规则font-weight，在 Firefox 和 Chrome 浏览器中输出的显示也不同：900

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

解决方案： 我刚刚更新了font-weightto700而不是，900这解决了这个问题。

于 2018-04-16T15:17:42.890 回答
0

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

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

于 2019-04-26T19:51:27.593 回答
0

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

  1. 转到 chrome://flags/
  2. 加速 2D 画布 -> 启用
  3. 2D 画布 -> 启用重新启动 Chrome。
于 2018-02-20T11:39:18.887 回答