javascript - 如何在页面准备好之前通过 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