Saudações, queridos navegantes da internet!
Eu sei que este mês de Setembro foi muito flopado em relação a post, mas isto não significa que foi da mesma forma no que diz respeito à produção de conteúdo para o site. De jeito maneira! Mais sobre estes projetos em um post num futuro muito próximo...
De qualquer maneira, eu gostaria de trazer uma outra postagem de utilidade pública, especialmente para quem costuma fazer seus próprios layouts para seus sites. A gente sabe que a plataforma não realmente oferece opções amplas de personalização do blog, de maneira que se nós quisermos mais opções, devemos ir atrás de códigos externos.
O que nos leva à segunda problemática: O Google está cheio de resultados (muito antigos) de como se faziam essas coisas há uns sete ou oito anos atrás, mas é claro que tudo já mudou. Por isto, é preciso atualizar junto com as plataformas.
No tutorial de hoje, meninxs, vamos aprender a maneira atualizada de carregar fontes novas ao Blogger usando o Tumblr Static!
O primeiro passo, é claro, é reunir as fontes que você deseja implantar em seu template. Para tal, você pode visitar sites como DaFont e Deviantart para conseguir inúmeras fontes gratuitas. Então, você deve abrir seu Tumblr.
Com o Tumblr aberto, você deverá abrir o menu de usuário, editar aparência.
Então ele abrirá o painel de personalização do seu Tumblr, mas ainda não é aqui que vamos trabalhar. Por isto, clique em Editar tema. Ou, clique aqui para encurtar o caminho.
Agora foi aberta uma janela com a visão do seu Tumblr. O que você deve fazer é clicar em Editar HTML, na barra à esquerda. O link é uma das primeiras coisas que aparece na página. Com o editor de HTML aberto, procure pelo ícone de uma engrenagem à esquerda superior da tela, e então clique em Recursos do tema.
Uma pop-up branca se abrirá na parte de baixo. Clique em Adicionar um arquivo e carregue todas as fontes que deseja carregar.
Uma vez carregadas, com o botão direito do mouse, clique e copie o endereço do link.
Já no Blogger, você também trabalhará com o Editor de HTML. Então quando este estiver aberto, procure pela tag ]]></b:skin>. Acima dela, você deverá colar o códigos, fazendo as alterações onde indicado. Caso queira instalar mais de uma fonte, basta repetir os códigos um abaixo do outro.
@font-face { font-family: "NOME DA FONTE"; src: url(LINK DA FONTE); }
É de extrema importância que em todas as substituições, a fonte seja especificada como font-family e não apenas como font. Por questões de licença, nem todas as fontes podem ser carregadas no Tumblr Static e infelizmente não há nada que se possa fazer além de procurar uma fonte similar e carregável.
Aproveitem suas fontes novas!
Nenhum comentário:
Postar um comentário