Question

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

目前声明如下：

@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

每个命名字体都需要单独的font-face声明：

// 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;
}

@ font-face多个font-families（名称别名）

1 个答案: