如何有条件地根据类的存在加载@ Font-Faces？

我需要在我通过@ font-face工作的Web应用程序中整合一种新的字体。这种字体只会放在应用程序中的某些内容中，而该元素显示的内容具有特定的类别。有什么方法可以不加载@ font-faces，除非页面上存在某个类？我不想减慢每个页面的加载时间，因为某些页面上的某些内容需要该网页字体。如何有条件地根据类的存在加载@ Font-Faces？

来源

2012-04-14 chromedude

浏览器应该缓存字体。加载时间只应该受到第一个请求的影响。 – gilly3 2012-04-14 01:53:03

这里有一些有用的信息 - http://stackoverflow.com/questions/2726928/will-a-browser-download-a-font-face-even-if-it-is-not-used-in-the-page – brains911 2012-04-14 02:25:50

看到它可能有帮助的链接 - http://stackoverflow.com/questions/107936/how-to-add-some-non-standard-font-to-a-website – w3uiguru 2012-04-14 12:01:36

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

来源

2012-04-21 00:47:28 albert

如何有条件地根据类的存在加载@ Font-Faces？

回答

相关问题