css - @font-face 多个字体系列(名称别名)

Question

我有一个字体文件，其中包含名为“Whitney SSm A”的字体，我在我的 CSS 中使用了这个名称。但我还需要它有一个替代名称“Whitney-Medium”，因为这个名称来 self 们使用的主题文件(来自服务器)。所以两个名字都应该保留。

目前它是这样声明的:

@font-face {
  font-family: "Whitney SSm A";
  src: url(data:application/x-font-woff;base64,...);
  font-weight: 500;
  font-style: normal;
}

我尝试将 font-family 调整为 "Whitney SSm A", Whitney-Medium; 但它不是那样工作的。

除了复制整个@font-face还有别的方法吗？如果可以在不触及该字体文件的情况下进行操作，那就太酷了，因为我可能会违反许可证。

Answer 1

您需要为每个命名字体单独声明字体:

// Whitney SSm A
@font-face {
  font-family: "Whitney SSm A";
  src: url(data:application/x-font-woff;base64,...);
  font-weight: 500;
  font-style: normal;
}

// Whitney-Medium
@font-face {
  font-family: " Whitney-Medium";
  src: url(data:application/x-font-woff;base64,...);
  font-weight: 700;
  font-style: normal;
}