在控制台上显示:检测到慢速网络.加载时将使用Fallback字体

Sco*_*opi 35 fonts google-chrome webfonts angularjs

在这种情况下我该怎么办?当我在浏览器上运行AngularJS App时,我在控制台上看到了这个:

检测到慢速网络.加载时将使用Fallback字体: /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

我也看到加载时字体在变化.

Gij*_*ese 67

转到chrome://flags/#enable-webfonts-intervention-v2并设置为disabled

这是由于Chrome中的一个错误,其中包含最新的"网络速度"API.希望它将在下一个版本中修复

  • 来吧,这不是答案,就是隐藏在地毯后面的垃圾 (24认同)
  • **@ Gijo Varghese**你可以至少给我信用,因为我首先发布了解决方案*(我知道这是评论但仍然......)*而不是仅仅复制粘贴它.现在**不要**复制我的[新答案](/sf/answers/3340103791/):P (4认同)
  • 它已不再有效.enable-webfonts-intervention-v2没有标志.所以问题再次出现.我们现在怎么解决呢? (2认同)

ɢʀᴜ*_*ᴜɴᴛ 25

将以下chrome标志设置为 Unknown将阻止该消息出现在dev-console上:

chrome://flags/#force-effective-connection-type
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

ᴛᴇꜱᴛᴇᴅᴏɴ
谷歌的Chrome
版本63.0.3239.84

  • 对于较新版本的Chrome,这是答案.谢谢! (4认同)

Die*_*ego 13

localhost服务器中的相同问题.

但是如果你不想在日志中看到这些消息:

在Chrome工具,控制台设置上,仅选中"用户消息"

  • 这不仅禁用了这个特定的消息,还禁用了所有其他有用的消息(警告,错误来命名一些) (9认同)
  • 为了澄清这一点,打开开发工具,选择控制台选项卡,然后单击右上角的齿轮图标.然后选择"仅用户消息". (2认同)

小智 7

只需添加font-display到所有 css 字体定义即可从控制台删除错误。

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
Run Code Online (Sandbox Code Playgroud)