我注意到这个信息日志开始出现在谷歌Chrome Dev(版本55.0.2883.18 Dev),我无法想象为什么。
检测到网络慢速。加载时将使用回退字体:http://font-path.extension '
它出现在所有使用字体的网站上,甚至在本地页面和Chrome扩展。
我注意到这个信息日志开始出现在谷歌Chrome Dev(版本55.0.2883.18 Dev),我无法想象为什么。
检测到网络慢速。加载时将使用回退字体:http://font-path.extension '
它出现在所有使用字体的网站上,甚至在本地页面和Chrome扩展。
这意味着网络很慢,Chrome正在用本地回退替换web字体(使用@font-face规则加载)。
默认情况下,使用web字体渲染的文本在字体下载之前是不可见的(“不可见文本的闪光”)。有了这个改变,在速度较慢的网络上,用户可以在内容加载时立即开始阅读,而不是在空白页面中等待几秒钟。
Chrome相关问题:https://bugs.chromium.org/p/chromium/issues/detail?id=578029。(今年9月,3G连接启用了这种行为;这应该是你收到这条消息的原因。) 相关源代码:https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74
编辑:这是不工作的最新版本的63.0+
我可以使用上述评论之一的帮助禁用它,转到
chrome: / /标志/ # enable-webfonts-intervention-v2
窍门是禁用“触发用户代理干预WebFonts加载总是”选项,就在下面。
我已经禁用了网络节流,但今天开始在75mb/s的业务连接上得到这个错误…
为了修复我的Chrome 60.0.3112.90(官方版本)(64位),我打开DevTools,然后导航到DevTools设置,然后勾选“日志xmlhttprequest”,不勾选“仅用户消息”和“隐藏网络消息”
我在MacOs Sierra上使用localhost作为服务器的chrome build 61.0.3163.100遇到了同样的问题。当我将网络速度配置更改为3G快/ 3G慢,然后再次返回在线时,Chrome开始记录这条消息。
解决办法: 当我尝试选择脱机模式和再次选择联机模式时,日志记录问题消失了。(此修复可能在某些设备或版本上不起作用)
2018年1月30日更新
我更新了谷歌chrome版本64.0.3282.119(官方版本)(64位),似乎这个错误现在已经修复。
转到chrome://flags/#enable-webfonts-intervention-v2并将其设置为禁用
这是由于他们最新的“网络速度”API在Chrome中出现了一个错误。希望下个版本能修复
我刚刚设法使过滤器正则表达式工作:/^((?!Fallback\sfont).)*$/。
将它添加到控制台上方的过滤器字段,它将隐藏所有包含Fallback字体的消息。
如果你愿意,你可以说得更具体一些。
通过帮助更新到最新版本的Chrome(63.0.3239.84) ->大约为我修复了它。
(实际上,我不得不在开发工具的网络选项卡中切换到脱机和联机,以消除最后的错误。)
如果你正在开发一个使用谷歌字体的应用程序,并希望确保你的用户看不到这些警告。一个可能的解决方案(此处详细介绍)是在本地加载字体。
我使用这个解决方案的应用程序,有时有缓慢的互联网(或没有互联网接入),但仍然提供页面,这假设你的应用程序使用谷歌字体和更新这些字体不是关键。还要假设使用ttf字体适合您的应用程序WC3 ttf字体浏览器支持。
以下是我如何完成本地服务字体:
访问https://fonts.google.com/,搜索你想要的字体
添加字体
下载它们
将它们放在站点根目录下
将它们添加到@font文件中
不,这并不意味着网络很慢。 不,这不仅仅是错误的警告。
在将index.html中的链接https://fonts.googleapis.com/icon?family=Material+Icons替换为集成版本(npm install .... .html)后,我在angular web应用程序上遇到了这个问题material-icons……)。这是有效的,但有时web应用程序显示警告。
当警告显示图标不渲染大约1秒,所以用户看到糟糕的渲染图标。
我还没有答案。
如果你可以访问CSS的这个扩展,只需添加font-display:block;在字体面定义或发送反馈给这个扩展的开发人员:)
@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;
}
我注意到,如果我单独使用'woff'版本的字体,我就会收到这个延迟警告消息。但是如果我添加“ttf”版本,警告就会消失。当我使用本地web应用程序时,我对字体文件的大小做了权衡。
font-face {
font-family: Rakaba;
src: url(../assets/font/web/Rakaba-Bold.woff) format('woff'),
url(../assets/font/Rakaba-Bold.ttf) format('ttf');
}