Вопрос: Как загрузить внешние шрифты с помощью javascript перед готовкой страницы


Я использую typekit на своем веб-сайте для загрузки шрифтов, а typekit дает мне 2 ссылки.

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

Я помещаю эти ссылки в главный тег, но когда я ввожу свой веб-сайт, шрифты загружаются после содержимого. Интересно, как он может загружаться до готовности страницы или до загрузки контента.

PS: Я попробовал async: true и false. Оба они дали тот же результат.


6


источник


Ответы:


Одна вещь, которую вы можете использовать, - это Шрифт Evens  для скрытия содержимого при загрузке шрифтов. https://helpx.adobe.com/typekit/using/font-events.html


0



Можешь попробовать 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>

0