Descubra como adicionar um toque exclusivo ao seu site incorporando fontes personalizadas diretamente do Google Fonts.
1. Acesse o Google Fonts e escolha a fonte.
2. Após clicar na fonte escolhida, clique em Get Font.
3. Clique em Get embed code
4. Agora, você irá copiar o código disponibilizado pelo Google e irá colar na plataforma.
Na plataforma, no menu lateral esquerdo, navegue até Personalize, OTT e Fontes:
Veja que existem dois espaços para personalizar as fontes que são Títulos e textos.
5. Caso queira personalizar o título, cole apenas o link da fonte que foi disponibilizado no código que está em negrito do exemplo:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
Ficando desta forma na plataforma:
E lembre-se de inserir o nome da fonte de acordo como está no Google.
Existe a opção de fazer o upload da fonte também. Neste caso, toda a fonte personalizada importada do Google deve ser removida dos campos, pois não é possível usar os dois campos de personalização juntos.
Para instalar a fonte direto do seu pc na plataforma, é necessário que seja importado um arquivo do tipo .zip e as fontes precisam estar no formato WOFF ou WOFF2 no máximo, além do arquivo ter no máximo 1mb.