css - 通过 CSS 媒体查询进行字体检测（TTF 或 WOFF）

Question

我想知道是否可以使用 CSS 媒体查询来检测设备是否可以加载特定的字体格式（TTF 或 WOFF，而不仅仅是任何@Font-Face）。我不想检查屏幕大小，然后根据屏幕大小加载特定字体。感谢您提供任何帮助、建议以及更好的表达方式以继续我的搜索。

更新：有人告诉我这不是一个选项：{font: 60px/68px 'ArnoProBoldTTF', 'ArnoProBoldWoff';letter-spacing: 0;}

它尝试加载第一个字体，如果不能，则转到第二个。

Answer 1

这对于媒体查询是不可能的。您必须使用 javascript 解决方法来确定字体是否可用（并已加载）。

只是好奇，你为什么需要这个？可能有更好的方法来实现您的目标，而无需这种类型的检测。
如果您只想在所有设备和浏览器上加载特定的嵌入字体，有一个简单的解决方案。如有必要，我会更新我的答案。