使用Javascript为整个会话加载网站字体

我正在制作一个印地语网站，为此我必须使用javascript从谷歌字体加载字体。
我想在起始页上只加载一次整个会话的字体，我应该使用什么javascript代码？？
我使用此代码在每个页面上加载字体：

WebFontConfig = {
google: { families: [ 'Jaldi::devanagari' ] },
active: fontLoaded
};
(function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
})();

浏览器缓存资源（除非已手动禁用缓存）。这意味着，只要浏览器的字体缓存中有字体，添加资源不会使浏览器再次下载字体。它将使用缓存中的字体。（JavaScript文件也是如此，因此

webfont.js

脚本也将被缓存）

但是请注意，您仍然需要让浏览器执行脚本，因此您需要在需要字体的每个页面上添加

脚本

标记（正如您所做的那样）

---

tl；dr：你不需要更改任何内容（至少从你的问题可以看出）。

事实上，我用div覆盖页面，直到字体加载为止。。。我不希望它出现在每一页，但我希望字体是正确的每一页。。。无论如何，谢谢你