Como altero a fonte da plataforma?

Modificado em Sex, 20 Nov, 2020 na (o) 6:26 PM

Sugerimos que a fonte seja hospedada em algum local para isso, caso eles já possuam algum local hospedado, pode utilizar o link dentro do src: url, caso contrário, podemos utilizar o ambiente de pre.engage.bz para subir as fontes e passar o caminho conforme exemplo a seguir.

@font-face {
font-family: 'MyWebFont';
src: url('https://s3pre.engage.bz/demonstracao/custom/Ristica-Font.woff2') format('woff2'),
url('https://s3pre.engage.bz/demonstracao/custom/Ristica-Font.woff') format('woff'),
url('https://s3pre.engage.bz/demonstracao/custom/Ristica-Font.ttf') format('truetype');
}

.App {
font-family: MyWebFont;
}

É necessário subir os arquivos dos formatos "woff2"; "woff" e "ttf" por questões de compatibilidade com navegadores e mobile!

Obs: o "MyWebFont" é apenas uma variável para chamar a fonte, pode colocar o nome que desejar.

Obs2: Não será possível utilizar diretamente no ambiente do s3.engage, pois lá existem alguns bloqueios de segurança , que acabam não carregando a fonte corretamente. Por isso indicamos outros ambientes para hospedar as fontes.