我正在开发一个项目，为用户提供各种免费使用的字体。 加载这些字体似乎很棘手。简单地通过提供必要的@ font-face声明加载它们是不够的，因为字体自然不会被加载，除非网站上的元素实际上使用这些字体之一。
所以我去创造了二十多个（或更多）＆＃34;隐藏＆＃34;屏幕上的元素（body {overflow：hidden}），每个元素都使用一种自定义字体。这会强制所有浏览器实际渲染字体，从而正确加载它。
我的问题是，如果这种技术是＆＃34;好的＆＃34;使用（我已经阅读了各种场景，当使用它时）以及是否有更优雅的解决方案。
到目前为止我尝试过：
通过jQuery的.ajax（）和.get（）函数获取字体文件。 使用vanilla XMLHttpRequest（）方法。 利用$（window）.load事件。
非常感谢任何输入！