Aprenda a dar um toque único ao seu site incorporando fontes personalizadas diretamente do Google Fonts.
Para começar, acesse o site Google Fonts e explore as diversas opções disponíveis.
👉 No exemplo da imagem, a fonte escolhida foi a Montserrat.
Depois de escolher a fonte que você quer usar, clique no botão azul “Get font”, como mostrado na imagem.
👉 Você será direcionado para a página onde poderá copiar o código da fonte, ou o download, no nosso caso, iremos copiar o código.
👉 Na página seguinte, clique em “Get embed code” para iniciar a cópia do código que você irá usar na sua plataforma OTT.
👉 Depois de clicar, você verá um campo chamado "Embed code in the <head> of your HTML". É ali que está o código que você precisa. Basta clicar em “Copy Code”, como mostrado na imagem abaixo, para copiá-lo.
🔁 Retorne à plataforma e, no menu lateral esquerdo, siga este caminho: Personalize >> OTT >> Fontes:
Agora vamos configurar as fontes 💡
👉 Cole o link da fonte:
Aqui você deve colar o código fonte copiado do embed code.
👉 Nome da fonte:
Informe o nome da fonte que consta no código copiado.
Observação:
👉 A plataforma disponibiliza o código HTML completo do Google Fonts, que inclui várias linhas, como estas:
<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&display=swap" rel="stylesheet">
👉Mas o que realmente importa para a personalização é apenas a URL que começa com "https://" dentro do atributo href da última linha em negrito, ou seja:
https://fonts.googleapis.com/css2?family=Roboto&display=swap
💡É essa parte da URL que você deve copiar e colar na plataforma para que a fonte funcione corretamente, como na imagem abaixo.
Para upload da Fonte 💡
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 , além do arquivo ter no máximo 1MB.
💬 E aí, curtindo a experiência com as Fontes?
Conta pra gente o que você achou!
Clique no botão abaixo e compartilhe sua experiência 👇