如何根据类状态有条件地加载@Font面

How to Conditionally Load @Font-Faces based on class presence?

本文关键字：加载 @Font 有条件状态何根更新时间：2023-09-26

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

@font 面需要先于其他样式声明，以便可以正确呈现字体。我很确定在Pageload之后声明它们是行不通的，至少如果您正在寻找纯CSS解决方案。我不知道我的头顶上有JavaScript解决方案，但是您可以在Pageload后使用链接元素来缓存它们...我意识到，如果您在某个页面上需要它们，这对您没有帮助，但是当用户在您的网站上从一个文档跳转到另一个文档时，这总是有益的。