Agregando propriedades
- CSS |
|
artigos
>> tipologia >> agregando
propriedades - CSS >> pág. 2
(artigo originalmente publicado no
site Aranha Internet e design)
Fábio Carvalho
26/5/2001
Você pode omitir os valores default, como
aconteceu no exemplo do estilo .normal
acima (no caso, omitiu-se os valores de estilo,
peso e variações). O mesmo exemplo,
apresentado de forma completa, ficaria como abaixo:
.normal {font: normal normal normal 12pt/14pt Garamond;}
Para exemplificar melhor os valores de estilo
e peso, veja como ficariam as definições
dos estilos "italico" e "negrito":
.italico {font: italic normal normal 12pt/14pt Garamond;}
.negrito {font: normal bold normal 12pt/14pt Garamond;}
Naturalmente, você pode ter combinações
dos estilos acima:
.italico-negrito {font: italic bold normal 12pt/14pt Garamond;}
O terceiro valor normal refere-se
à propriedade font-variant ,
que pode, por exemplo, ser usada para definir
que as letras em caixa baixa sejam letras maiúsculas
pequenas (small-caps ).
Se você omitir os valores correspondentes
aos parâmetros font-size (tamanho
da fonte) e line-height (altura da
linha), o browser atribuirá valores adequados
para estes. Você pode até especificar
apenas o tamanho da fonte, e omitir a altura da
linha, não usando a barra de divisão
seguida de um valor. O oposto não é
verdadeiro: para especificar a altura da linha,
você tem que especificar obrigatoriamente
o tamanho da fonte.
Como somos cuidadosos, e já sabemos que
não devemos usar o nome de uma fonte apenas,
quando esta fonte talvez não exista no
computador do visitante da página, podemos
especificar uma lista de fontes alternativas,
da seguinte forma:
.normal {font: 12pt/14pt Garamond, Times New Roman, Times, serif;}
De forma geral, a propriedade font
é bem mais fácil e ágil de
se usar do que todas as propriedades tipológicas
equivalentes, desde que você as use na ordem
certa.
Uma observação final: Esta forma
de definição de estilo não
funciona no Netscape, ao menos até
a versão 4.7 (sempre o Netscape!!!!)
Bom trabalho!
<< volta
|