Formatar Fontes em HTML

Para Formatar Fontes em HTML podemos usar a Tag <font>. Essa Tag normalmente vem acompanhada dos parâmetros face, size e color. Eles servem para alterar a fonte, o tamanho e a cor respectivamente.

Então, para alterar a fonte, poderiamos utilizar um código conforme abaixo:
<font face="Comic Sans MS">Denecir da Silva Pereira</font>
Nota 1: No post Parâmetros da Tags HTML, expliquei que sempre o valor de um parâmetro tiver espaço, ele deve obrigatoriamente estar entre aspas. O código acima é um exemplo.

Nota 2: Muitos Web Designers inexperientes tem problemas com fontes na hora de colocar um site no ar. Isso porque, para que um outro internauta possa visualizar as páginas Online conforme você vê na sua máquina, é necessário que as fontes utilizadas estejam instaladas também na máquina dele. Para que você não tenha problemas com isso, existem duas soluções:
  • Você pode gerar imagens contendo os textos que você quer formatados com as fontes que você deseja e depois, basta exibir as imagens (que contém os textos) utilizando a Tag <img>. Não recomendo a utilização desse método pois, além de deixar o carregamento das páginas mais lento, fará com que o site perca posições em buscadores como Google, Yahoo, Bing, etc. Explicarei melhor sobre melhorar a posição de sites nos buscadores quando falar sobre SEO (Search Engine Optimization);
  • A outra forma (sugiro que usem essa) é passar a utilizar fontes padrões como Verdana, Arial, Times New Roman, etc. pois essas estão instaladas em praticamente todos os computadores;

Já para alterar o tamanho de um texto, faríamos assim:

<font size="7">Denecir da Silva Pereira</font>
Nota 3: O valor do parâmetro size pode variar de 1 até 7. Quanto maior o número, maior o tamanho da fonte.

Agora, para alterar a cor da fonte, podemos usar tanto nomes de cores em inglês, quanto números hexadecimais. Veja um exemplo:
<font color="#00FF00">Denecir da Silva Pereira</font>
O código acima, deixará o texto com a cor verde.

Vamos finalizar o post com um exemplo prático. Digite o código abaixo em um Editor de Textos (por exemplo o Bloco de Notas):
<html>
<head>
<title>Formatação de Fontes</title>
</head>
<body>
<font face="Comic Sans MS" size="7" color="#00FF00">Denecir da Silva Pereira</font>
</body>
</html>
Salve o texto no seu computador com o nome formatacao-fontes.html e dê um clique duplo no arquivo para abri-lo. Compare o resultado:
Formatação de Fontes com HTML

Nota 4: A Tag <font> é depreciada pois podemos fazer isso e muito mais utilizando CSS. Explicarei como utilizar Folhas de Estilo CSS em posts futuros.

Leia mais:

Nenhum comentário:

Postar um comentário

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...