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

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *