Tutorial HTML - Sites Prontos

Embora hoje em dia esteja se usando CSS para formatar as fontes muitos sites continuam usando o método de atribuir os atributos das fontes direto na tag <font>.

O HTML 4.0 usa o código abaixo para formatar as fontes.

O código:
<p align="left"><font face="Arial" size="4" color="red">Fonte Arial tamanho=4 color=red.</font></p>
Que será mostrado:

Fonte Arial tamanho=4 color=red.

The attributes for the font tag were:

• face = tipo
• size = tamanho
• color = cor

GPsites.net Templates Sites Prontos - HTML 4.0 - Fontes CSS

O CSS substitui estes atributos com:

• font-family = tipo da fonte
• font-style = estilo da fonte
• font-weight = espessura da fonte
• font-size = tamanho da fonte
• color = cor da fonte

Olhem o código abaixo e vejam o efeito que o código atribui a fonte usando CSS - folhas de estilo em cascata usando os atributos inline, diretamente no parágrafo.

<p style="font-family:Georgia, 'Times New Roman', Times, serif; background-color:#00FFFF; font-weight:bold; color:#0000FF; border:dotted;">Olá pessoal este é um parágrafo com a fonte formatada em CSS (Folhas de Estilo em Cascata) notem o código CSS...
<p>

E agora olhem o efeito do código:

Olá pessoal este é um parágrafo com a fonte formatada em CSS (Folhas de Estilo em Cascata) notem o código CSS acima!!!

GPsites.net Templates Prontos - HTML 4.0 - Escolhendo fontes

O navegador escolhe automaticamente uma fonte padrão quando a fonte declarada não existe na máquina do usuário.

É melhor sempre usar as fontes básicas incluídas no sistema operacional do usuário.
Segue abaixo uma lista de fontes genéricas incluídas na maioria dos sistemas operacionais.

• Arial
• Arial Black
• Courier
• MS Serif
• Tahoma
• Times New Roman
• Verdana