Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Google Fonts

Pessoal,

O carregamento de fontes do Google Fonts pode prejudicar o tempo de carregamento da página?

Por exemplo, se o usuário estiver acessando a página a partir de um celular em 4G, ele pode sentir mais lentidão?

4 respostas

Sim, pois serão mais arquivos á sere importados para sua página.

Para diminuir a chance do problema ocorrer, é recomendável que você faça o download das fonts e coloque dentro do projeto, assim o download que o navegador irá realizar tende a ser mais rápido.

solução!

Obrigado Matheus, acho que entendi.

Ao invés de baixar as fontes do Google, o navegador puxará do próprio site.

Exatamente.

Uma coisa que fiz para evitar ficar carregando as fontes em todos os arquivos HTML, já que eles compartilham o mesmo CSS foi:

/** Dentro de site.css no exemplo do curso **/
@import "http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Crimson+Text:400,400italic,600";

Percebam que o Google Fonts permite incluir várias fontes no mesmo arquivo, só precisa separar por meio de um pipe (|):

Open+Sans+Condensed:700|Crimson+Text:400,400italic,600

EDIT 1:

Complementando o que o Matheus disse. As fontes estão na Web, então elas dependem da conexão do usuário, já que o HTML e o CSS são entregues para o cliente gerir.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software