Quando criamos um blog, queremos que ele tenha a nossa cara. A escolha das fontes é um detalhe que pode transformar o visual do seu site. Felizmente, é possível usar fontes baixadas da internet no seu blog — seja ele no Blogger, WordPress ou outra plataforma. Neste artigo, vou mostrar o passo a passo básico para você fazer isso no Blogger, que é a plataforma deste blog.
Passo 1: Escolha e baixe a fonte
Existem diversos sites com fontes gratuitas, como DaFont, Google Fonts, FontSpace e 1001 Free Fonts. Escolha uma fonte que combine com o estilo do seu blog e faça o download do arquivo. Prefira formatos modernos como WOFF ou WOFF2, que são mais leves e eficientes.
Passo 2: Faça o upload da fonte
No Blogger, você pode hospedar a fonte em um serviço externo (como Google Drive, Dropbox ou um CDN) ou fazer upload diretamente no tema do Blogger, se o template suportar upload de arquivos no painel. Se você usa um servidor próprio, envie o arquivo para uma pasta de fontes.
Passo 3: Adicione o @font-face no CSS
No template do seu blog, localize a seção <style> e adicione o seguinte código, ajustando o URL e o nome da família:
@font-face {
font-family: 'MinhaFontePersonalizada';
src: url('https://seudominio.com/fonts/minhafonte.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}Passo 4: Aplique a fonte
Agora, use a fonte nos elementos desejados. Por exemplo, para aplicar em todos os títulos:
h1, h2, h3, h4, h5, h6 {
font-family: 'MinhaFontePersonalizada', serif;
}Ou no corpo do texto:
body {
font-family: 'MinhaFontePersonalizada', sans-serif;
}Cuidados importantes
- Verifique a licença: algumas fontes são apenas para uso pessoal, outras para uso comercial. Respeite os direitos do autor.
- Desempenho: fontes customizadas podem aumentar o tempo de carregamento. Use fontes otimizadas e considere usar apenas uma ou duas famílias.
- Fallback: sempre deixe uma fonte alternativa genérica (como sans-serif ou serif) caso a sua não carregue.
Conclusão
Usar fontes baixadas da internet no seu blog é uma maneira simples e eficaz de personalizar o design. Com esses passos, você pode deixar seu blog ainda mais único. Experimente!