Google Fonts: Como usar offline
Siga o passo a passo para trabalhar com as fontes do Google de forma offline (sem conexão com a internet).
1. Acesse o site de fontes do Google, clicando neste link https://fonts.google.com/.
2. Selecione a sua fonte preferida:
3. No lado superior direito, clique no ícone com sinal de mais para selecionar a fonte.
4. Na tela de seleção clique para baixar a fonte no seu computador. Descompacte o arquivo na mesma pasta que conterá os arquivos CSS (ex: estilos.css / fontes.css).
5. Copie o link, conforme exibido na imagem abaixo, cole na barra de endereço do seu navegador e pressione ENTER.
6. Crie um arquivo CSS (ex: fontes.css), copie e cole o código que apareceu no seu navegador.
7. Faça a chamada do arquivo CSS dentro do seu arquivo index ou outro arquivo de sua preferência.
<head> <link rel="stylesheet" href="css/fontes.css"> </head> 8. No arquivo principal de estilos (css/estilo.css) você define a sua fonte, conforme imagem:Exemplo: css/estilo.css body{ font-family: 'Lato', sans-serif; } Bem simples né! Abraço