| Apresentação | GuestBook | Links | Contato |
| Introdução | |
 | Sobre |
| Vantagens |
| Limitações |
| Implementando |
| Precêdencia |
| Trabalhando com CSS | |
| Unidades de Medida |
| Herança |
| Especificando um estilo |
| Propriedades e Valores | |
| Fontes |
| Textos |
| Background e Cores |
| Caixas |
| Listas |
| Posicionamento |
| Impressão |
| Filtros |
| Amostras de Filtros |
| Outras Propriedades |
| Contribuições dos Usuários | |
| Dicas e exemplos |
| Novidades |
| Fórum de discussão |
 |
Propriedades e Valores de Estilos para Fontes |  |
Provavelmente surgirão novas propriedades e valores a medida em que forem desenvolvidos novos browsers cada vez mais poderosos e competitivos, e tentarei deixar o site sempre atualizado.
Você tambem pode contribuir para o crescimento e aprimoramento do site, enviando novidades, e dicas e exemplos sobre propriedades e valoes que ainda não constam em nosso site.
| Suporte | Propriedade | Descrição | Valores | Exemplo | ||||
|
font-size (herdado) | Ajusta o tamanho do texto | tamanho (pt, in, cm, px) porcentagem do tamanho normal relativo: xx-large, x-large, large, medium, small, x-small, xx-small, larger, smaller |
{ font-size: 12pt } { font-size: 200% } { font-size: x-large } |
||||
|
font-family (herdado) | Ajusta os tipos de face e as alternativas (em ordem de preferência) | nome do tipo de face nome da família da fonte |
{ font-family: Trebuchet MS, Sans-serif } | ||||
|
font-weight (herdado) | Ajusta o peso do tipo | normal bold (outras opções serão suportadas mais tarde) |
{ font-weight: bold } | ||||
|
font-style (herdado) | Texto em itálico | normal italic (mais opções estarão disponíveis mais tarde; 'oblique smallcaps' está disponível no IE4 somente) |
{font-style: italic} | ||||
|
font-variant (herdado) | especifica uma variante de fonte | smallcaps (outras opções serão suportadas mais tarde) |
{ font-variant: smallcaps } | ||||
|
@font-face | especifica uma localização que dispõe de uma fonte que não está presente no sistema do usuário. (veja a nota abaixo da tabela) |
@font-face {font-family: nome_da_fonte; font-style: estilo_da_fonte; font-weight: densidade_da_fonte; src: url_da_fonte} |
Utilizando as fontes incorporadas, o visitante do seu site fará o download e a instalação da fonte utilizada por você em seu site caso ele ainda não a tenha em seu micro. Isto acaba com o problema do html, que só reconhece fontes instaladas na maquina do cliente. A sintaxe para incorporação é a seguinte:
<STYLE TYPE="text/css">
@font-face {font-family: nome_da_fonte;
font-style: estilo_da_fonte;
font-weight: densidade_da_fonte;
src: url_da_fonte}
</STYLE>
OBS: Essa declaração deve estar entre as tags <HEAD>...</HEAD> em sua página HTML.
Alguns atributos de CSS lhe permitem fazer diversas configurações em uma declaração. Por exemplo, suponha que você queira definir diversos aspectos da fnte utilizada para tags H1, como segue:
H1 {font-style: italic;
font-weight: bold;
font-size: 18pt;
font-family: 'Times Roman'}
Como alternativa a especificar todas essas formatações de fonte individualmente, você pode utilizar o atributo font: para defini-las todas de uma só vez, assim:
H1 {font: italic bold 18pt 'Times Roman'}