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

Question

先前的技术：

• 我可以在 Chrome 中禁用本地字体吗？

• 如何禁用读取系统字体和浏览器插件详细信息的权限?

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

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

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

2. 它无法处理类似 Google 提供字体的样式表内联字体。

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

- AJcodez

---

1. 为什么？@font-face { font-family: main; src: local(...); }非常好，这意味着您不必更改数百万个font-family实例就可以切换字体。实际上，这是一个很好的做法。
2. Google以几种方式提供字体，包括普通的CSS<link rel="stylesheet">，这是迄今为止最容易使用的。

- Mike 'Pomax' Kamermans

为了测试性能，例如。 - DanielBlazquez

Answer 1

如果您使用的是 Mac，只需打开“字体册”应用程序并禁用该字体即可。

- Michael

---

如果您使用的是Windows操作系统呢？ - OsakaWebbie

这不适用于Apple安装的字体，因此对于一些可能未安装在非苹果系统上的字体来说，这不是一个好的解决方案。 - Mike

Answer 2

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

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

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

- David Wheatley

---

很遗憾，“禁用本地字体”选项并没有做我最初期望的事情，在我详细阅读之前。对于我的使用情况，我想要停止Chrome（或任何现代浏览器）使用安装在本地计算机上的字体：“忽略安装的字体”。这不是它。 - Graham Hannington

我尝试了这个，但是没有成功，我不得不从系统中禁用字体。 - aeron13

Answer 3

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

是的。

在Firefox中，使用以下偏好之一：

• layout.css.font-visibility.standard
• font.system.whitelist

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

- Graham Hannington

Answer 4

与其重命名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")
}

- Mattias Larsson