José Carlos Web Designer | Freelancer

Ocultando a mudança de fonte do Cufón utilizando jQuery

Quem utiliza o cufón e adota as melhores práticas para aumentar o desempenho do site, que recomenda a utilização o javascript no final da página, deve ter se deparado com a mudança da fonte.

O evento acontece já que os javascripts estão entre os últimos elementos a serem carregados, então uma forma de esconder essa mudança é utilzando o jQuery.

- Na tag que engloba o conteúdo (iremos usar a como exemplo a tag section com o id conteudo):

1
2
3

<section id="conteudo">
Conteúdo do site aqui.
</section>

- No css iremos colocar o visibility da tag conteúdo como hidden:

1

#conteudo{visibility:hidden;}

- Como foi mencionado que os javascripts serão os últimos a serem carregados, então poderemos colocar o seguinte código jQuery no meu bloco de javascript:

1

$("#conteudo").css('visibility','visible');

Veja o exemplo em funcionamento.