如何更新已经存在的@font-face 声明？

Question

我有一个案例，我已经定义了字体声明

@font-face {
  font-family: 'some font';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
}

我没有能力编辑这段代码，但我需要添加一个声明（字体显示：可选），有没有办法做到这一点？

目前我正在做的是我只是在我可以控制的样式表中覆盖这个声明：

@font-face {
  font-family: 'some font';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

但我什至不确定它是否有效。你将如何测试它？有更好的方法吗？提前致谢。

Answer 1

您不能覆盖 @font-face 定义。

通常的做法是用不同的名称创建一个新的 @font-face，然后在 font-family 中使用新名称：

@font-face {
  font-family: 'some font 2';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

.item {
  font-family: 'some font 2`
}

如何更新已经存在的@font-face 声明？

How can I update already exising @font-face delaration?

css

font-face

cascade