Como mudar as fontes de citação no Tumblr

Escrito por jason spidle Google | Traduzido por thiago isaias
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Você pode alterar o tipo de letra utilizado nas citações no Tumblr editando a folha de estilo utilizada no HTML do tema. Apesar de não ser o processo mais simples, editar o código HTML do tema do Tumblr permite personalizar todos os elementos da interface do seu blog, incluindo as fontes usadas em mensagens de citação. Dependendo do tema Tumblr que você usar, as declarações na folha de estilo e o nome da classe para o elemento da citação podem variar, então determine primeiro como as mensagens de citação estão identificadas no código e, em seguida, adicione a nova fonte a ele.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Logue no Tumblr. Se você tiver várias contas, escolha a que deseja alterar a fonte de citação.

  2. 2

    Clique em "Personalizar a aparência".

  3. 3

    Clique em "Tema" e depois em "Usar HTML personalizado".

  4. 4

    Encontre "{block: Quote}" dentro do código HTML do tema. O título deste elemento HTML é encontrado no código "<div class="[Title]">" imediatamente abaixo do "{block:Quote}". Observe que este título é necessário para atualizar a fonte utilizada para mensagens de citação.

  5. 5

    Encontre o CSS usado no estilo do seu blog, localizando "<style type="text/css">" dentro da tag "<head>" no código HTML do Tumblr.

  6. 6

    Encontre as declarações CSS para as citações, localizando o título do elemento "quote" que você anotou antes e adicione "font-family:[Font Type];" ao código CSS. Mensagens de citação no Tumblr geralmente são decoradas de acordo com o tamanho, por isso é provável que você adicione o código da fonte a três diferentes declarações CSS. Como exemplo, você pode ver um código semelhante a "div.quote h4.short {font-size:30px;line-height:36px;}". Para alterar a fonte das citações, adicione o código da fonte no fim do CSS, para que o código atualizado apareça como "div.quote h4.short {font-size:30px;line-height:36px;font-family:Georgia}".

  7. 7

    Clique em "Visualizar" para assegurar-se que as novas fontes sejam exibidas corretamente e, em seguida, clique em "Salvar e Fechar".

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível