Documentações
< Voltar

CSS para mudar a fonte do seu aplicativo

Para personalizar a fonte do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


@import url('https://fonts.googleapis.com/css?family=Ewert');
.view {

*{
font-family: 'Ewert';
}

}

 

Para alterar a fonte para uma a sua escolha, você deverá mudar os valores da 1ª e 4ª linha do código CSS acima. Entre em “https://fonts.google.com/”, escolha sua fonte na biblioteca, selecione uma fonte clicando no simbolo de “+”, abra a barra inferior que aparecera, clique na opção em vermelho “@import”, copie apenas a linha entre os “<style>” por exemplo: ” @import url(‘https://fonts.googleapis.com/css?family=Ewert’); ” substitua a primeira linha do seu código CSS em seu painel. Volte no Google fonts e copie o código abaixo semelhante a esse: ” font-family: ‘Ewert’; “, depois volte ao seu painel e substitua a 4ª (quarta) linha de seu código CSS. O seu código deve ficar semelhando ao código deste artigo demonstrado acima, só mudando logicamente o nome da fonte. 

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. ?

Anterior CSS para mudar a cor de fundo dos ícones de forma individual (Layouts 1, 2, 5, 7 e 10)
Próxima CSS para mudar posição da altura dos ícones na Home Page (Layouts 3, 4, 5 e 6.)

Deixe um comentário

O seu endereço de e-mail não será publicado.