Задержка файла JavaScript до завершения сценария TypeKit

поэтому для компании, в которой я работаю, я пишу скрипт, который автоматически пытается добавить отступы к навигации, чтобы примерно заполнить оставшееся пространство (поскольку добавление отступов вручную к этим элементам — это повторяющийся процесс, который я хотел попытаться опустить)

Сценарий находится здесь: http://a.ndrv.in/Skinning/SmartNav/smartnav.js

Мы также используем сервис Adobe TypeKit, который также изменяет определенные объявленные нами шрифты. Однако, если шрифт особенно тонкий (что-либо с ключевым словом уплотненный), примерно в 50% случаев он, по-видимому, определяет количество места по сравнению с исходным размером шрифта (обычно это Ariel), а не более новым, более узким шрифтом. размер. Сценарий «SmartNav» загружается ниже на странице, но даже когда я помещаю его в конец сайта, он все равно загружается неправильно в 50% случаев.

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


javascript html jquery typekit
person knovack    schedule 29.09.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Да есть способ. Согласно их документации.

<script type="text/javascript" src="http://use.typekit.com/xxxxxxx.js"></script>
<script type="text/javascript">
try {
Typekit.load({
  loading: function() {
    // JavaScript to execute when fonts start loading
  },
  active: function() {
    // JavaScript to execute when fonts become active

  },
  inactive: function() {
    // JavaScript to execute when fonts become inactive
  }
})
} catch(e) {}
</script>

Вы вызовете свой скрипт, когда активен typekit :)

person Bojan Petkovski    schedule 29.09.2014