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

Question

出于测试目的，我希望 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”and/or“SourceSansPro-Regular”，Chrome 始终使用这些本地字体版本。但我想测试当这些本地版本不存在时会发生什么，从而使 Chrome 使用 url 版本。

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

Answer 1

（使用 Chrome 95）

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

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

Force Chrome to use font from url instead of using local version

css

fonts