[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!!