Tipografia personalizada
Tipografia personalizada substitui a fonte padrão da evob pela fonte da sua identidade visual.
O que é a tipografia personalizada
Por padrão, a evob usa uma fonte do sistema (Inter ou equivalente). A tipografia personalizada permite substituir essa fonte por qualquer fonte do Google Fonts — mantendo a identidade visual da marca em toda a interface.
A fonte configurada é aplicada em:
- Títulos e cabeçalhos da vitrine
- Corpo de texto das páginas de curso
- Botões e labels (dependendo da fonte escolhida)
- AVA (Ambiente Virtual de Aprendizagem)
Onde configurar
Plataforma > Configurações > Identidade visual > TipografiaComo escolher uma fonte do Google Fonts
- Acesse fonts.google.com
- Navegue ou busque pela fonte desejada
- Copie o nome exato da fonte (ex: `Montserrat`, `Poppins`, `Raleway`)
- Cole no campo de tipografia da evob
- Selecione os pesos que deseja carregar (Regular 400, Semibold 600, Bold 700 são os mais comuns)
- Salve e use o preview para avaliar o resultado
Tipos de fonte e onde usar
| Tipo | Indicado para | Exemplos | |---|---|---| | Serif | Marcas formais, educação executiva | Merriweather, Lora, Playfair Display | | Sans-serif | A maioria dos casos — leitura em tela | Poppins, Inter, Nunito, Montserrat | | Display | Títulos impactantes — não usar no corpo | Oswald, Bebas Neue | | Monospace | Cursos de tecnologia e código | JetBrains Mono, Source Code Pro |
Para o corpo de texto longo (descrições de curso, módulos), prefira fontes sans-serif com boa legibilidade em tamanhos menores.
Pesos recomendados para carregar
Carregar muitos pesos aumenta o tempo de carregamento da página. Carregue apenas os que serão usados:
| Peso | Onde é usado | |---|---| | 400 (Regular) | Texto corrido, descrições | | 500 (Medium) | Labels, botões | | 600 (Semibold) | Subtítulos, destaques | | 700 (Bold) | Títulos, cabeçalhos |
Boas práticas
✅ Faça
- Teste a fonte em textos longos antes de publicar — algumas fontes ficam ótimas em títulos mas cansam o olhar em texto corrido
- Carregue apenas os pesos que você realmente vai usar — cada peso adicional aumenta o tempo de carregamento
- Prefira fontes com boa legibilidade em telas — evite fontes decorativas para o corpo de texto
❌ Não faça
- Usar fontes display (ex: Bebas Neue) para todo o conteúdo — elas funcionam bem em títulos grandes mas são difíceis de ler em texto pequeno
- Carregar todos os pesos disponíveis "por precaução" — muitos pesos carregados simultâneamente prejudicam a performance
- Trocar a fonte depois que os alunos já estão habituados — mudanças de tipografia alteram a percepção de toda a interface
Erros comuns
"A fonte que quero não está no Google Fonts"
A evob suporta apenas fontes do Google Fonts. Para fontes proprietárias ou compradas, entre em contato com o suporte — pode haver suporte a fontes via CSS personalizado dependendo do plano.
"Configurei a fonte mas alguns textos ainda aparecem na fonte antiga"
Certos elementos da interface usam a fonte do sistema como fallback. Se o nome da fonte foi digitado incorretamente (case-sensitive), o sistema ignora e usa o padrão. Verifique se o nome está exatamente igual ao do Google Fonts (ex: `Poppins`, não `poppins`).
"A vitrine ficou mais lenta depois de configurar a fonte"
Verifique quantos pesos foram carregados. Cada peso carregado são requisições adicionais. Remova os pesos não utilizados e deixe apenas os essenciais (400, 600, 700).
"A fonte está sendo aplicada na vitrine mas não no AVA"
O AVA tem algumas áreas com estilos próprios que podem não herdar a fonte global. Verifique em Loja > Aparência > CSS personalizado se há regras sobrescrevendo a fonte nestas áreas.
Próximos passos
- 📖 Fonte base e espaçamento
- 📖 Paleta de cores — guia completo
- 📖 Acessibilidade e contraste
- 📖 Preview de identidade visual
- 📖 Performance e tempo de carregamento
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-06