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

Question

现有技术：

• 我可以在 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，只需打开“字体簿”应用程序并禁用字体。

Answer 2

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

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

这将忽略 CSS

local(...)

规则中的所有

@font-face

源。

Answer 3

我不会重命名

font-family

，而是省略或注释掉

local()

描述符中的

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")
}

Answer 4

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

是的。

在 Firefox 中，使用以下首选项之一：

• layout.css.font-visibility.standard

• font.system.whitelist

有关详细信息，请参阅我对“在浏览器中禁用系统中安装的字体”问题的回答。