Como alterar fontes usando HTML

Alterar fontes é um toque a mais em uma página web. Também pode ser útil para criar cabeçalhos, destaques ou diferenciações em uma página. Os passos seguintes mostram como alterar fontes usando HTML.

1. Decida como pretende utilizar a fonte. Alterações na fonte podem ser utilizadas de várias maneiras diferentes. Por exemplo, elas podem criar cabeçalhos:

Como pescar

Para pescar, você precisará de uma vara de pesca e muita paciência. Na pesca é necessário ter algum tipo de isca. Nunca deixe o tédio tomar conta muito cedo – ou você vai pegar no cochilo quando um peixe estiver na sua linha! ...

Ou (combinado com outros atributos) podem criar estilos de efeito legais:

Era uma vez. . .

Esses são apenas alguns exemplos do uso de HTML para alterar fonte.

2. Decida qual fonte deseja usar. Este é um passo importante. Você pode, teoricamente, escolher qualquer fonte existente, mas na verdade a fonte só vai aparecer em computadores que tiverem tal fonte. Portanto, se você escolher uma fonte obscura que tenha baixado da web ou fizer sua própria, há poucas chances de que os outros irão poder vê-la. Para isso não acontecer, escolha uma das seguintes fontes, que estão na maioria dos computadores:

•    Times New Roman (a fonte padrão)

•    Helvetica

•    Courier

•    Serif

•    Sans-serif

•    Monovolumes

•    Fantasy

Você pode escolher fontes mais obscuras se quiser (como a Comic Sans MS ou Papyrus), mas não é garantido elas aparecerem.

3. Faça sua tag. Sua tag deve ser construída da seguinte forma:

<font face="NOME DA FONTE"> </ font>

O padrão de programação atual diz para escrever o nome da fonte em letras minúsculas. Se você optar por usar uma fonte mais obscura, uma coisa sensata a fazer é colocar várias fontes no atributo tag, como no seguinte exemplo:

<font face="papyrus, georgia, helvetica">

Dessa forma, se o computador não conseguir exibir a primeira fonte (se ele não conseguir encontrá-la em sua memória) ele irá exibir o próximo da lista, e assim por diante.


4. Copie a tag para o corpo de seu HTML. Copie e cole (ou escreva) a tag que você escolheu no local da sua página web onde deseja que a fonte seja alterada. Todo o texto que você quiser na fonte especificada deve situar-se entre as tags <font face="FONT"> e </ font>. O problema com a tag <font> é que quando você usa alguns outros efeitos HTML, como tabelas, você terá que inserir a tag <font> para mantê-las funcionando (ex. cada <td> mata a fonte previamente escolhida). Para remediar esta situação, utilize a tag <basefont> assim:

<basefont face="NOME DA FONTE">

Cole essa tag no corpo do HTML (entre as tags <body>) antes do texto na página. Nota: esta tag não funciona em todos os navegadores.