[Javascript] Loading Bar para Typekit

Boa tarde Companheiros!

Estou com um projeto que utiliza um lazyload para o meu typekit e gostaria que uma barra de loading ficasse no rodapé da página em Fixed enquanto o typekit estivesse carregando, porém, mesmo antes do typekit carregar, o loading some. Gostaria de ajuda para mantê-lo enquanto não carregar.

Segue códigos:

Javascript:

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

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

CSS:

#loader {
	position: fixed;
	right: 10px;
	bottom: 15px;
}

Se for de grande ajuda, o projeto está sendo montado no seguinte link:

http://ielpo.net.br

Preciso que isso também funcione em mobile!!