Propriedade font
A propriedade font é uma propriedade abreviada
que permite definir os seguintes propriedades
CSS: font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintaxe
seletor {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
As propriedades obrigatórias são font-size
e font-family, as outras podem ser omitidas,
mantendo a ordem.
As propriedades font-style, font-variant,
font-weight podem ser reorganizadas em qualquer
ordem entre si.
Observe que a propriedade line-height
é escrita após uma barra depois da propriedade font-size.
Exemplo
Vamos criar um texto em itálico com tamanho
de 15px, tipo Arial, e espaçamento
entre linhas de 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Exemplo
Outro exemplo:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Exemplo
Vamos definir apenas o tamanho da fonte e a família, omitindo as outras propriedades:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Exemplo
Se apenas o tamanho da fonte for definido, ele não será aplicado, pois a família da fonte também deve ser especificada obrigatoriamente:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
