Como adicionar Fonte externa no WordPress

Adicionar ou instalar fontes externas no wordpress é muito simples, para adicionar a fonte você vai precisar de um plugin de gerenciador de arquivo e chamar o arquivo com o auxílio do CSS.

Nesse tutorial foi utilizado o plugin File Manager que possibilita adicionar ou deletar arquivo do site sem a necessidade de usar o FTP.

Fonte externa no WordPress

Adicionar Fonte externa pelo DIVI

Se você estiver utilizando o TEMA DIVI saiba que é possível adicionar fontes personalizadas externas impontando diretamente no módulo de texto que está utilizando.

Veja como adicionar a fonte no módulo de texto.

Abra seu editor e localize o módulo de texto, aperte em design e escolha entre Texto e Texto do sub-cabeçalho.

Agora utilize a opção de Upload para localizar a fonte e depois é só importar.

Adicionar Fonte externa no WordPress pelo gerencia dor de arquivos

Para adicionar uma fonte externar no WordPress pelo gerenciador de arquivos será necessário instalar um plugin chamado File Manager.

LINK para baixar o plugin File Manager.

https://br.wordpress.org/plugins/wp-file-manager/

Com o plugin instalado, utilize o pligin para acessar seus arquivos de FTP e localize um local para criar uma pasta, com a pasta criada importe o arquivo da fonte.

Depois de importado localize no seu TEMA onde adicionar CSS e adicione o seguinte código CSS adaptando o caminho até seu arquivo e o nome do arquivo.

Utilize o código css copiando abaixo

@font-face { font-family: 'Dark Mage'; src: url('/wp-content/uploads/fontes/Dark Mage.ttf'); }

@font-face { font-family: 'Cherry Blue'; src: url('/wp-content/uploads/fontes/Cherry Blue.ttf'); }

h1,h2,h3,h4,h5 { font-family:'Dark Mage'!important; } 

p { font-family:'Cherry Blue'!important; }

 

Vídeo tutorial para adicionar a fonte externa no WordPress

Confira o vídeo completo explicando detalhadamente de como adicionar as fontes no WordPress e no tema DIVI.

https://www.youtube.com/watch?v=nSNlEvnQZJg