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

Question

现有技术：

• Can I disable my local font in chrome?

• https://superuser.com/questions/292666/how-to-disable-permission-to-read-system-fonts-and-browser-plugin-details-in

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

我能找到的唯一解决办法是给字体起一个不与本地字体冲突的名字。我不喜欢该解决方案原因：

1. 我宁愿使用正确的名称来引用字体。

2. 它不能像 Google 提供字体那样通过样式表处理内嵌字体。

那么，有人知道怎么做吗？

Answer 1

如果您使用 Mac，只需打开 'Font Book' 应用程序并禁用字体。

Answer 2

我不会重命名 font-family，而是会省略或注释掉 src 描述符中的 local() 函数调用。没有它，浏览器将始终加载在您的 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")
}

Answer 3

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

1. 打开 DevTools
2. 点击右上角的三个点
3. Select 更多工具 > 渲染
4. 选中禁用本地字体
5. 刷新页面

这将忽略 CSS @font-face 规则中的所有 local(...) 来源。