HOME

CSS Básico
CSS Início
CSS Introdução
CSS Sintaxe
CSS Como Fazer
CSS Background
CSS Texto
CSS Fonte
CSS Borda
CSS Margem
CSS Padding
CSS Lista

CSS Avançado
CSS Dimensão
CSS Classificação
CSS Posicionamento
CSS Pseudo-classe
CSS Pseudo-elemento
CSS Tipos de Mídia

Propriedades de Fonte em CSS

As propriedades de fonte em CSS definem a fonte de um texto.

Exemplos

Especificar a fonte de um texto
Este exemplo demonstra como especificar a fonte de um texto.

Especificar o tamanho da fonte
Este exemplo demonstra como especificar o tamanho de uma fonte.

Especificar o estilo da fonte
Este exemplo demonstra como especificar o estilo de uma fonte.

Especificar a variante da fonte
Este exemplo demonstra como especificar a variante de uma fonte.

Especificar a espessura (boldness) da fonte
Este exemplo demonstra como especificar a espessura de uma fonte.

Todas as propriedades em uma declaração
Este exemplo demonstra como usar a propriedade estenográfica para especificar todas as propriedades da fonte em um adeclaração.

Fontes em CSS

As propriedades de fonte permitem-lhe mudar a família da fonte, a espessura, o tamanho, e o estilo de um texto.

Observação - Dicas Úteis

As fontes são identificadas pelos seus nomes na CSS1. Observe que se um anavegador não suporta a fonte que está especificada, ele irá usar uma fonte padrão (default).

Propriedades de Fonte:

NN: Netscape, IE: Internet Explorer, W3C: Padrão Web

Propriedade	Descrição	Valores	NN	IE	W3C
font	Uma propriedade estenográfica para especificar todas as propriedades de uma fonte em uma declaração	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar	4.0	4.0	CSS1
font-family	Uma lista priorizada de nomes de famílias de fontes e/ou nomes de famílias genéricos para um elemento	family-name generic-family	4.0	3.0	CSS1
font-size	Especifica o tamanho de uma fonte	xx-small x-small small medium large x-large xx-large smaller larger length %	4.0	3.0	CSS1
font-size-adjust	Especifica um valor de aspecto para um elemento que preservará a altura-x (x-height) da fonte da primeira escolha	none number			CSS2
font-stretch	Condensa ou expande a família de fontes atual	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded			CSS2
font-style	Especifica o estilo da fonte	normal italic oblique	4.0	4.0	CSS1
font-variant	Exibe o texto numa fonte caixa-baixa (small-caps) ou fonte normal	normal small-caps	6.0	4.0	CSS1
font-weight	Especifica o peso de uma fonte	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4.0	4.0	CSS1