我的网站总是在控制台中显示这个警告:
"Request for font "Noto Sans" blocked at visibility level 1 (requires 3) - node.js"
Noto Sans没有作为文件被网站加载,只有当其他字体不显示时,它才被用作备份字体。然而,它是唯一的备份字体,我得到这个警告。
这个消息是什么意思,如何最终防止它?
这是问题所在页面的完整代码:
<style>
.addFont {
font-family: 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI',
'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
</style>
<span class="addFont">Text</span>
注意:这些字体&回退字体最初来自于TailwindCSS默认的"font-sans";类。
只需删除'Noto Sans'和'Noto Color Emoji'备用字体(在我的例子中是TailwindCSS "font-sans")就解决了这个问题。
正如@Christopher在评论中指出的那样,该字体似乎被Firefox阻止了,以防止安装字体的指纹识别。