Javascript 如何基于类的存在有条件地加载@Font-Faces？

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

@字体面需要在其他样式之前声明，以便正确呈现字体。我敢肯定，在pageload之后声明它们是行不通的，至少如果您正在寻找一个纯css解决方案的话。我不知道有没有现成的javascript解决方案，但是你可以在页面加载后使用链接元素来缓存它们……我意识到如果你在某个页面上需要它们，这对你没有帮助，但是当用户在你的站点上从一个文档跳到另一个文档时，它总是很有用的

浏览器应缓存字体。加载时间应该只受第一个请求的影响。这里有一些有用的信息-请参阅可能有帮助的链接-