[DÚVIDA] Loading Bar para o Typekit

[lokischw]

Boa tarde!

 

Estou tentando colocar uma loading bar no meu projeto e ela teria que desaparecer assim que carregasse o typekit. Infelizmente, ela está desaparecendo antes dele carregar ainda, já que ele consta com um lazyload para não quebrar a página. Como proceder para a barra permanecer lá até o typekit carregar?

Segue códigos:

Javascript

$(document).ready(function() { 
    loading(0);
})

function loading(status) {
    if ( status == 1 )
        $('#loader').fadeIn();
    else
        $('#loader').fadeOut();
}

Header com o Typekit

    <script type="text/javascript" src='js/typekit.js'></script>
    <script type="text/javascript">
        try {
            Typekit.load();
        } catch (e) {}
    </script>