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

Answer 2

如果简单地将字体链接放到window.onpaint不起作用，您可以尝试<head>。

<head>
    <script src="https://use.typekit.net/xxxx.js"></script>
</head>

然后;

<script type="text/javascript">
    function preloadFunc()
    {
        try { Typekit.load({ async: false }); } catch (e) { }
    }
    window.onpaint = preloadFunc();
</script>

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

2 个答案: