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

Question

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

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

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

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

Answer 1

Да, есть способ. По их documentation

<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 активен :)