Css 如何关闭本地字体以测试google字体？

现有技术：

有没有办法在任何浏览器中暂时禁用系统字体

我能找到的唯一解决方案是给字体命名，不要与本地字体冲突。我不喜欢这种解决方案，因为：

我宁愿用正确的名字来指代字体

它不能通过样式表处理内联字体，就像谷歌提供字体一样

---

所以，有人知道怎么做吗？

如果你在Mac电脑上，只需打开“字体手册”应用程序并禁用字体。

与其重命名字体系列，我只需在你的src描述符中省略或注释掉本地函数调用。如果没有它，浏览器将始终加载url函数中指定的字体文件

@font-face {
    font-family: "My Font";
    font-weight: 400;
    font-style: normal;
    src:
        /* --> local("My Font") <-- */
        url("/my-font.woff2") format("woff2"),
        url("/my-font.woff") format("woff")
}

---

从Chrome86，您现在可以在DevTools中禁用本地字体

打开开发工具 单击右上角的三个点 选择更多工具>渲染 选中“禁用本地字体” 刷新页面

---

这将忽略所有本地。。。CSS@font-face规则中的源代码。

1为什么@字体面{font-family:main；src:local…；}非常好，这意味着您不必仅仅因为决定切换字体而更改一百万个字体族实例。事实上，这是一种良好的做法。2谷歌以多种方式提供字体，包括普通CSS，这是迄今为止最容易使用的。1例如，测试性能。如果你在Windows上？不幸的是，这个禁用本地字体选项并没有达到我在阅读详细信息之前最初预期的效果。对于我的，我想停止Chrome或任何现代浏览器，为此，使用本地计算机上安装的字体：忽略已安装的字体。不是这样。