如何在页面准备好之前通过javascript加载外部字体

Question

我在我的网站上使用typekit来加载字体,而typekit给了我2个链接.

<script src="https://use.typekit.net/xxxx.js"></script>
<script>try { Typekit.load({ async: false }); } catch (e) { }</script>

我把这些链接放在head标签中,但是当我进入我的网站时,字体会在内容后加载.我想知道如何在页面准备好之前或内容加载之前加载.

PS:我试过async:true和false ..他们都给出了相同的结果.

Answer 1

您可以使用的一件事是Font Evens在字体加载时隐藏内容。https://helpx.adobe.com/typekit/using/font-events.html