强制 Chrome 使用来自 url 的字体，而不是使用本地版本答案

【问题标题】：Force Chrome to use font from url instead of using local version强制 Chrome 使用来自 url 的字体，而不是使用本地版本
【发布时间】：2021-10-22 21:27:37
【问题描述】：

出于测试目的，我希望 Chrome 忽略我的 CSS 的字体源优先级：优先级是“第一个本地版本，如果在本地找不到，则从 url 加载”：

/* sans latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('font/source/sans-latin.woff2') format('woff2'), url('font/source/sans-all.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

由于我的开发计算机安装了“Source Sans Pro Regular”和/或“SourceSansPro-Regular”，Chrome 始终使用这些本地字体版本。但是我想测试当这些本地版本不存在时会发生什么，从而使 Chrome 使用 url 版本。

我知道 Can I force the browser to use CSS @font-face instead of font installed on system?，但这里有 this 问题，我正在寻找开发开关或类似的东西。

【问题讨论】：

为什么不能简单的删除本地文件？
@SimoneRossaini > 为什么不能简单地删除本地文件？因为“本地”字体文件是操作系统安装的文件。我需要它们用于其他目的，例如文字处理。
你能在你的测试环境中用不同的值代替 local() 吗？不存在的东西：例如本地（'不存在'）？

标签： css fonts

【解决方案1】：

（使用 Chrome 95）

要忽略 local(..) 字体，请打开 Chrome DevTools 和 open the Rendering tool。有一个选项禁用本地字体。禁用此选项后，从下一页重新加载开始，local(..) 源将被忽略。

【讨论】：