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

Question

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

更新：有人告诉我这不是一个选择： {font：60px / 68px'ArnoProBoldTTF'，'ArnoProBoldWoff';字母间距：0;}

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

Answer 1

media queries无法做到这一点。您必须使用javascript解决方法来确定字体是否可用（并已加载）。

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