更改字体显示的回退字体:交换

Question

据我所知，如果您使用"font-display"，的属性“交换”选项，Apple使用Helvetica作为备用字体和Windows。有可能定义我自己的网页安全字体，比如"Tahoma“吗？

示例代码：

@font-face {
  font-family: 'MyFancyFont';
  src: local('MyFancyFont'), url(/fonts/MyFancyFont/MyFancyFont.woff2) format('woff2');
  font-display: swap;
  UseMyCustomFallbackFont: Tahoma
}

Answer 1

我相信这是在字体家族的定义中完成的，而不是@字体本身。

例如。

.my-text{
  font-family: MyFancyFont, Tahoma;
}

这将显示Tahoma，直到加载MyFancyFont。

如果您使用类似Web字体加载器之类的工具，您可以获得更具体的控制。https://github.com/typekit/webfontloader