Запуск плагина после полной загрузки всех шрифтов с помощью WebFontLoader

У меня есть плагин под названием slabtext, который я хочу запускать ТОЛЬКО после полной загрузки моих шрифтов. Я попробовал следующее, но это не работает (возможно, ошибка в скрипте перед закрытием тела). Есть ли простой способ запустить сценарий Slabtext только после полной загрузки шрифтов, я уже пробовал $(document).ready(function(), но это не помогает

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
    WebFont.load({
        google: {
            families: ['Roboto:300', 'Roboto+Slab:400']
        }
    });
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slabText/2.3/jquery.slabtext.js"></script>
</head>

<body>
    <h1 id="mainhead">
        <span class="slabtext">For one night only</span>
        <span class="slabtext">Jackie Mittoo</span>
        <span class="slabtext">with special Studio One guests</span>
        <span class="slabtext">Dillinger &amp; Lone Ranger</span>
    </h1>
...
<script>
    WebFont.load({
        active: function() {
            $('#mainhead').slabText();
        }
    })
</script>
</body>

WebFontLoader также добавляет класс.wf-active к элементу html после завершения загрузки всех шрифтов, если это поможет.

Источник

1 ответ

Вызов "google" и "active" в одном и том же событии WebFont-load() работает для меня:

<script>
  WebFont.load({
    google: {
      families: ['Roboto:300', 'Roboto+Slab:400']
    },
    active: function() {
      $('#mainhead').slabText();
    }
  });
</script>
Источник
Другие вопросы по тегам