O SeedProd suporta fontes personalizadas usando CSS3 @font-face método. Isso permite carregar qualquer arquivo de fonte hospedado no seu servidor e aplicá-lo a elementos de texto em todas as suas páginas e modelos.

---

Passo 1: Prepare seus arquivos de fonte

Baixe a fonte desejada e converta-a para formatos compatíveis com a web. Para garantir que a fonte seja exibida corretamente em todos os navegadores e dispositivos, gere os seguintes tipos de arquivo usando o FontSquirrel Webfont Generator:

• WOFF: Formato Aberto de Fonte para a Web, adequado para páginas da Web.
• WOFF2: Uma versão aprimorada do WOFF com melhor compressão.
• TTF: fonte TrueType, amplamente compatível com Mac e Windows.
• SVG: formato de fonte para gráficos vetoriais escaláveis.
• EOT: Embedded OpenType, utilizado para garantir a compatibilidade com páginas da web.
• OTF: formato OpenType, compatível com a maioria das plataformas.

---

Passo 2: Carregue seus arquivos de fonte no WordPress

Carregue seus arquivos de fonte no servidor de hospedagem do WordPress. Você pode fazer isso usando FTP, o Gerenciador de Arquivos do painel de controle da hospedagem ou um plugin de gerenciamento de arquivos. Escolha qualquer pasta dentro do seu /wp-content/ diretório como destino do upload — por exemplo, /wp-content/fonts/.

Anote o caminho completo da URL de cada arquivo de fonte enviado. Você precisará dessas URLs na próxima etapa.

---

Passo 3: Registrar a fonte no CSS global do SeedProd

Abra o editor do SeedProd e vá para Configurações globais > CSS personalizado. Adicione um @font-face regra que faz referência aos seus arquivos de fonte enviados. Substitua YourFontName e substitua os URLs de exemplo pelo nome da fonte e pelos caminhos dos arquivos reais.

@font-face {
  font-family: 'YourFontName';
  src: url('https://example.com/wp-content/fonts/YourFont.woff2') format('woff2'),
       url('https://example.com/wp-content/fonts/YourFont.woff') format('woff'),
       url('https://example.com/wp-content/fonts/YourFont.ttf') format('truetype'),
       url('https://example.com/wp-content/fonts/YourFont.otf') format('opentype'),
       url('https://example.com/wp-content/fonts/YourFont.svg') format('svg'),
       url('https://example.com/wp-content/fonts/YourFont.eot') format('embedded-opentype');
}

---

Passo 4: Aplicar a fonte aos elementos

Depois que a fonte estiver registrada, aplique-a a qualquer elemento da sua página adicionando uma segunda regra CSS na mesma seção “CSS personalizado ”. O exemplo abaixo aplica a fonte a todas as tags de título — ajuste os seletores para selecionar os elementos que você precisar.

h1, h2, h3 {
  font-family: 'YourFontName', sans-serif;
}

---

Sua fonte personalizada já está disponível em todas as páginas do SeedProd. Você pode usar seletores CSS adicionais para aplicar a fonte a parágrafos, botões, links de navegação ou quaisquer outros elementos, a fim de manter a tipografia consistente em todo o site.