Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Formatação de Texto - tag FONT

Formatação

A formatação era dada, inicialmente, pela tag FONT. Mas, isso mudou após o surgimento de folhas de estilo CSS. Dessa forma, o que está escrito neste artigo apenas concerne no âmbito de compatibilidade com versões mais antigas do HTML. Apesar de ainda ser totalmente aceito por qualquer browser, seu uso é fortemente desencorajado.

A tag FONT é usada de forma a delimitar uma porção do texto e aplicar a formatação especificada por seus atributos que são capazes de mudar a fonte, tamanho e cor.

Mudando a fonte

Para modificar a fonte, usamos o atributo face, que recebe o nome da fonte.

Face aceita vários tipos de fontes. Se formos especificar mais de uma fonte, devemos separá-las por vírgula, as ordenando por prioridade para que o browser as procure no computador. Ou seja, se digitarmos face="Tahoma, Times New Roman, Arial", o browser irá procurar primeiro pela fonte Tahoma, se não a encontrar, então, ele passa para Times New Roman, e assim por diante.

Para exemplificar, no mesmo parágrafo usaremos Arial, Courier New e Times New Roman.

...<P>
<FONT FACE="Arial">Palavra1</FONT>
<FONT FACE="Courier New">Palavra2</FONT>
<FONT FACE="Times New Roman">Palavra3</FONT></P>...

O que resultaria em três palavras com formatos diferentes: Palavra1 Palavra2 Palavra3.

Tamanho

O tamanho é definido pelo atributo size. Size usa uma escala de 1 a 7 (embora nem todos os browsers renderizem todos os tamanhos).

...<P>
<FONT SIZE="1">Tam1</FONT>
<FONT SIZE="2">Tam2</FONT>
<FONT SIZE="3">Tam3</FONT>
<FONT SIZE="4">Tam4</FONT>
<FONT SIZE="5">Tam5</FONT>
<FONT SIZE="6">Tam6</FONT>
<FONT SIZE="7">Tam7</FONT></P>...

Resultando em: Escala de tamanho HTML de 1 a 7

Cores

Podemos também modificar a cor utilizando o atributo color. Para saber como utilizar as cores veja nosso artigo de cores na web.

...<P>
<FONT COLOR="red">Vermelho</FONT>
<FONT COLOR="green">Verde</FONT>
<FONT COLOR="blue">Azul</FONT></P>...
Exemplo do atributo color: Vermelho, Verde, Azul

Resumindo, podemos modificar a letra do modo que acharmos mais interessante, basta combinarmos um ou mais atributos.

...<P><FONT FACE="Times New Roman" SIZE="5" COLOR="blue">TI Expert</FONT><BR>
<FONT FACE="Arial" COLOR="green">O ponto de encontro do estudante de TI</FONT><BR>
<FONT FACE="Tahoma" SIZE="2" COLOR="red">www.tiexpert.net</FONT></P>...
Exemplo de formatação com vários atributos da tag FONT
*Esta tag está em desuso (deprecated)
Fonte: w3.org
Características - tag FONT (texto - formatação)
Formatação Padrão tamanho 3 (16px)
visualização inline
Atributos Aceitos id, class, face, size, color, lang, dir, title, style
Eventos Possíveis nenhum

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 74055 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog