Alterar fontes de letras

Para alterar a fonte da letra do seu template, é preciso acessar qualquer site que forneça fontes na extensão .ttf, neste passo a passo utilizamos o site https://www.dafont.com/pt/ mas é possível utilizar qualquer site de sua preferência. No site dafont se clicarmos no botão lateral direito baixar, já temos acesso a fonte escolhida.

Imagem antes de qualquer alteração na fonte do botão lateral direito que redireciona para a central do assinante.

Captura de Tela 2021-08-20 às 17.10.18.png

A fonte utilizada nessa wiki será a "Dirtyoldtown", sendo possível baixar no site mencionado acima.

Captura de Tela 2021-08-20 às 16.27.34.png

Primeiro precisamos inserir este arquivo .ttf em nosso servidor, na pasta /var/www/template/master/fonts, ficando desta forma:

Captura de Tela 2021-08-20 às 16.31.02.png

Após inserir o arquivo na pasta fonts em seu servidor, é necessário acessar seu sistema IXC pelo caminho: Menu sistema > Hotsite > Pasta componentes > Conteúdo HTML > Imports

Captura de Tela 2021-08-20 às 16.13.11.png

Clicando no botão código fonte e rolando o código até o final, teremos que acrescentar um código que irá puxar essa fonte do servidor e vincular com alguma parte do site que queremos, neste caso, vamos alterar a fonte do botão da central do assinante, utilizando o seguinte código:

<style type="text/css">@font-face {

font-family: "dirty";

src: url("template/master/fonts/dirtyoldtown.ttf") format("opentype");

font-weight: normal;

font-style: normal;

}

nav-link{

font-weight: normal;

font-family: "dirty", "helvetica";

font-style: normal;

}

</style>

O código utilizado basicamente puxa o arquivo .ttf da pasta fonts em nosso servidor e vincula em alguma parte do site em que desejamos aplicar, no caso do botão, como ele é um nav-link, citamos ele no código e inserimos um nome para a fonte. Clicando em cima do botão da central em nosso site e clicando em inspecionar, ele menciona que é descrito dentro da classe nav-link, deixando o código desta forma:

Captura de Tela 2021-08-20 às 16.35.21.png

Adicionando o código e clicando no botão salvar e atualizando o template, já ira alterar o botão lateral direito da central, porém, precisamos alterar a largura do botão pois ficou com a escrita quebrada, como apresenta imagem a seguir:

Captura de Tela 2021-08-20 às 16.47.35.png

Desta forma, é bem simples de ajustar, podemos acessar o caminho: Menu sistema > Hotsite > Pasta módulos > Menu e Logomarca > Editar > Aba Conteúdo > F3 no campo ID conteúdo HTML e no botão código fonte vamos dar Ctrl + F para pesquisar a palavra "nav-link, e na terceira linha com essa palavra vamos apenas alterar a largura de 190px vamos alterar para 210px, ficando desta forma:

Captura de Tela 2021-08-20 às 17.04.44.png

Salvando e atualizando o template vai ajustar a largura ficando dessa forma final:

Captura de Tela 2021-08-20 às 17.08.00.png

-

Voltar ao menu Hotsite