Mudanças entre as edições de "Inserir fonte do Google (Google Fonts)"

(Criou página com 'Acesse o seu servidor como usuário root, pelo SSH. Utilizamos o [https://filezilla-project.org/download.php?platform=win64 Filezilla] para o acesso ao servidor Arquivo:Ace...')
 
Linha 12: Linha 12:
  
 
Escolha o estilo da fonte;
 
Escolha o estilo da fonte;
[[Arquivo:Fonte Escolhida no exemplo.png|centro|semmoldura|535x535px]]
+
[[Arquivo:Fonte Escolhida no exemplo.png|centro|semmoldura|775x775px]]
 +
 
 +
Clicar em "View your selected families" para visualizar a família da fonte selecionada;
 +
[[Arquivo:Visualizar familias selecionadas.png|centro|semmoldura|800x800px]]
 +
Selecione '''@import''';
 +
 
 +
Copie o código-fonte na área selecionada;
 +
[[Arquivo:Selecione@import.png|centro|semmoldura|775x775px]]
 +
 
 +
Cole código em seu arquivo Style.css;
 +
[[Arquivo:Inserir@import no css.png|centro|semmoldura|775x775px]]
 +
[[Arquivo:Copiar códigofonte google fonts.png|centro|semmoldura|775x775px]]
 +
Cole código em seu arquivo Style.css dentro do '''body{ }''' ;
 +
[[Arquivo:Colar codigo no body do css.png|centro|semmoldura|775x775px]]
 +
Após isso só clicar em Ctrl + S (Windows) ou Command + S (Mac);
 +
 
 +
Confirmar em seu Filezilla a alteração;
 +
[[Arquivo:Confirmação de Alteração.png|centro|semmoldura|320x320px]]
 +
 
 +
-
 +
 
 +
Desenvolvido por Verena - Hotsite - IXCSoft
 +
 
 +
-
 +
 
 +
Voltar para [[Hotsite]]

Edição das 18h32min de 30 de julho de 2020

Acesse o seu servidor como usuário root, pelo SSH.

Utilizamos o Filezilla para o acesso ao servidor

Acesso ao Servidor SSH.png

Vá no caminho /var/www/template/memphis/css

Style CSS.png

Ao clicar com o botão direito do mouse, escolha a opção Ver/Editar;

Editar CSS.png

Acesse o Google Fonts

Selecione a fonte de sua preferência;

Escolha o estilo da fonte;

Fonte Escolhida no exemplo.png

Clicar em "View your selected families" para visualizar a família da fonte selecionada;

Visualizar familias selecionadas.png

Selecione @import;

Copie o código-fonte na área selecionada;

Selecione@import.png

Cole código em seu arquivo Style.css;

Inserir@import no css.png
Copiar códigofonte google fonts.png

Cole código em seu arquivo Style.css dentro do body{ } ;

Colar codigo no body do css.png

Após isso só clicar em Ctrl + S (Windows) ou Command + S (Mac);

Confirmar em seu Filezilla a alteração;

Confirmação de Alteração.png

-

Desenvolvido por Verena - Hotsite - IXCSoft

-

Voltar para Hotsite