| artigo anterior | index |
O primeiro conjunto de propriedades que pode interessar a você é a que altera a fonte do documento.
Isso é o resumo do resumo, em breve voltaremos a falar de cada propriedade com mais propriedade (desculpe o trocadilho).
font-family: [serif, sans-serif, monospace, etc...]
font-size: [12px, 14px, 16px, etc...]
font-style: [normal, italic ou oblique]
font-weight: [normal, bold, etc...]
A propriedade font-family define a família de fontes a ser utilizada, por exemplo serif
, sans-serif
, monospace,
além de outros.
A propriedade font-size define o tamanho da fonte, por exemplo font-size: 16.5px
, a fonte terá 16.5 pixel de tamanho.
A propriedade font-style define se a fonte é normal (normal
), itálico (italic
) ou oblíquo (oblique
).
A propriedade font-weight define o quão negrito uma fonte deve ser renderizada. Aceita valores como, por exemplo,
normal
, bold
(negrito) além de outros.
Como exercício, tente alterar o estilo desta página (use o plugin do navegador) explorando as propriedades acima apresentadas.
Alteramos a fonte, agora vamos estilizar o texto do documento.