OpenTypeFont 在 Firefox 和 Safari 上不显示

Question

我正在尝试使用 OpenTypeFont 字体 AXIS Basic ProN。此字体在 Chrome:

上运行良好

但不在 Firefox 和 Safari 上：

在 Firefox 上，我可以在控制台上观察到以下警告：

这似乎解释了 OpenTypeFont 在 Firefox 和 Safari 上不受支持，而 https://caniuse.com/ttf 则不然

我创建了一个沙箱以正确说明我的问题：https://codesandbox.io/s/kind-panini-ew9ie

我只有 .otf 个可用于该字体的文件。

有什么想法吗？

Answer 1

您正在使用 format("otf")，但“otf”不是 @font-face 规则中的有效格式值。检查 CSS Fonts Module spec。您应该使用“opentype”。