#3.2.2 - Fonte do texto em CSS - Guia para criação de themes

Existem diversas propriedades para alterar o estilo da fonte de um texto em CSS, uma para mudar a fonte em si, outra para estilizá-la, outra para mudar o “peso” dela (por exemplo, deixar em negrito), para decorá-la, entre outros.




Para mudar a fonte do texto em si, usa-se a propriedade font-family. Porém tem que se observar que não é qualquer fonte que você pode usar em HTML, pois não é porque uma fonte personalizada está instalada no seu computador que ela também estará no computador de todo mundo que acessa seu Tumblr. Portanto, é recomendável que, ou você use fontes “seguras” (ou seja, que tem em todos os computadores, clique aqui para ver uma lista de fontes seguras), ou use o Google Web Fonts.

Para deixar a fonte em negrito, a propriedade usada é font-weight, e deve ser usada com o valor bold para que o texto daquele seletor fique em negrito.

Em itálico, a propriedade chama-se font-style, com o valor italic.

E para o texto ficar sublinhado você deve usar a propriedade text-decoration com o valor underline. Para tirar o sublinhado do texto (por exemplo, de links) usa-se esta mesma propriedade mas com o valor none.

Assim, a nossa <div> (se não sabe a qual div me refiro, sugiro que veja o capítulo anterior do guia), com a fonte Arial, em negrito, itálico e sublinhado teria a seguinte especificação:

div#div_texto {
                font-family: arial;
                font-weight: bold;
                font-style: italic;
                text-decoration: underline;
}

O resultado final seria: 

Texto a ser personalizado

Bem fácil, não ? Treine com o que já sabe até agora, e até a próxima aula do guia ! =)