• ARTIGOS
início | novidades | web | artes gráficas | multimídia | preços | orçamento | artigos | mapa
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
neXt digital design © 1999/2000/2001/2002
www.next.page.com.br
direitos reservados - é expressamente proibida a reprodução total ou parcial de textos, ilustrações
imagens, fotos, ou qualquer outro material publicado nestas páginas, sem autorização prévia.

início | novidades | web | artes gráficas | multimídia | preços | orçamento | artigos | mapa