javascript - 如何根据班级存在有条件地加载@Font-Faces？

Question

我需要通过@font-face 在我正在开发的网络应用程序中集成一种新字体。此字体只会放在应用程序中的某些内容上，这些内容由具有特定类的元素显示。除非页面上存在某个类，否则有没有办法不加载@font-faces？我不想因为某些页面上的某些内容需要该 Web 字体而不得不减慢每个页面的加载时间。

Answer 1

@font-face 需要在其他样式之前声明，这样才能正确渲染字体。我很确定在页面加载后声明它们是行不通的，至少如果你正在寻找一个纯 css 解决方案。我不知道有什么javascript解决方案，但是您可以在页面加载后使用链接元素来缓存它们...我意识到如果您在某个页面上需要它们，这对您没有帮助，但它总是当用户在您的网站上从一个文档跳转到另一个文档时很有用。