我可以在CSS 中的部分font-name中使用自定义属性值吗？@font-face
例如，如果我有正常工作的 CSS：
@font-face {
font-family: "foo";
src: url(foo.otf) format('otf');
}
是否font-family: "foo"与的内容相关foo.otf或者将上面的 CSS 更改为以下内容是否有效：
@font-face {
font-family: "bar";
src: url(foo.otf) format('otf');
}
当然，我会更新font-family其他地方对此的所有引用。即我将更font-family: "foo";改为font-family: "bar";。
一些背景。
我在以下场景中遇到了这个问题。我有一个复杂的在线网站（网站 A）。我正在为该网站开发一个微前端。该网站不期望我加载任何字体，并且当微前端在该网站的上下文中运行时，我也不想加载任何字体。
但是还有另一个网站（网站 B），我希望我的微前端能够加载字体。因此，我需要@font-face在 CSS 中添加该部分。
现在的问题似乎是网站 A 的 CSS 中存在问题font-family: "foo";，而且它在加载字体之前（即在处理自己的@font-face部分之前）加载了我的微前端。因此，它似乎依赖于我的字体@font-face加载"foo"。由于托管我的微前端的服务器上的 CORS 限制，它失败了。由于应用程序域，CORS 配置无法更改，它们如预期的那样存在。
因此，我正在考虑借助自定义字体名称将我的“@font-face”的范围仅限于我的微前端，并担心检查这是否是一种合理的方法。
