Guia Completo: Como Instalar Fontes no Elementor

Adicionar fontes personalizadas ao Elementor é uma ótima maneira de deixar seu site único e profissional. Neste guia, você aprenderá como instalar fontes no Elementor de maneira simples e rápida.

Por que adicionar fontes personalizadas no Elementor?

O Elementor já oferece uma boa variedade de fontes do Google Fonts, mas às vezes é necessário usar uma fonte específica para manter a identidade visual da marca.

Benefícios de fontes personalizadas:

• Identidade visual única: Diferencie seu site dos demais.
• Melhor legibilidade: Escolha fontes que melhoram a experiência do usuário.
• Mais opções de design: Expanda as possibilidades visuais do seu site.

Como adicionar fontes personalizadas no Elementor

Existem três maneiras principais de adicionar fontes personalizadas ao Elementor:

1. Usando o Elementor Pro

Se você usa o Elementor Pro, adicionar fontes personalizadas é muito simples. Siga estes passos:

1. No painel do WordPress, vá para Elementor > Configurações.
2. Clique na aba Fontes Personalizadas.
3. Clique em Adicionar Nova e dê um nome à fonte.
4. Faça upload dos arquivos da fonte nos formatos WOFF, WOFF2, TTF ou SVG.
5. Clique em Publicar.
6. Para usar a fonte, vá até o editor do Elementor, selecione um elemento de texto e escolha a nova fonte na aba Tipografia.

2. Adicionando fontes manualmente ao WordPress

Se você não tem o Elementor Pro, ainda pode adicionar fontes personalizadas manualmente:

1. Faça o upload dos arquivos da fonte para a pasta wp-content/uploads/fonts/.
2. Adicione o seguinte código ao arquivo style.css do seu tema ou no Personalizar > CSS Adicional:

@font-face {
    font-family: 'MinhaFonte';
    src: url('URL_DA_FONTE.woff2') format('woff2'),
         url('URL_DA_FONTE.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

3. Substitua MinhaFonte pelo nome da sua fonte e URL_DA_FONTE pelo caminho correto do arquivo.
4. Para usar a fonte, vá até o editor do Elementor, selecione o elemento de texto e aplique a fonte via CSS personalizado.

3. Usando plugins para adicionar fontes personalizadas

Se preferir uma solução mais fácil, você pode instalar um plugin como:

• Custom Fonts
• Use Any Font
• Easy Google Fonts

Esses plugins permitem fazer upload de fontes e usá-las diretamente no Elementor.

Conclusão

Personalizar as fontes do seu site no Elementor é uma ótima maneira de criar uma identidade visual única. Seja com o Elementor Pro, via CSS ou com plugins, há várias maneiras de adicionar fontes personalizadas ao seu site.

🚀 Quer um site profissional e totalmente personalizado? Entre em contato com a Blue Commerce e tenha um site incrível com Elementor!