[Tutorial] Fontes no HTML

[Guest Bombado]

Prezados,

 

Hoje estarei trazendo um pequeno tutorial sobre fontes no HTML, mas oque são as fontes?

 

As fontes são "letras" novas, todas as fontes que dão suporte da sua própria maquina para dentro do HTML são essas:

 

Arial

Comic Sans Ms

Courier New

Georgia

Lucida Sans Unicode

Tahoma

Times New Roman

Trebuchet MS

Verdana

 

Apesar de que algumas são muito feias, outras são bonitas e podem estar no seu site HTML!

 

Iremos começar fazendo um "Olá Mundo" com a fonte Verdana e com o tamanho 26

 

Primeiro de tudo iremos atribuir a tag <font>

 

<font></font>

 

Todo o conteúdo que estiver entre essas duas tags irá respeitar a tag aberta <font>  

 

Agora como eu coloco a fonte verdana e o texto Olá Mundo ?

 

EASY, primeiramente iremos usar o "face="STRING" " oque seria o face? 

 

Face = O nome/cara da fonte ou seja, se eu quiser que a cara da fonte seja igual a da Verdana, abro mais um espaço onde está "font" e escrevo "face="verdana" "

 

<font face="verdana">

 

Agora como eu coloco um texto?

 

Como dito antes tudo que estiver entre as duas tags é oque será respeitado no conteúdo da primeira ou seja

 

<font face="verdana">Olá mundo </font>

 

Você prometeu um Olá mundo em tamanho extra!!

 

Agora use a "size="STRING" "

 

Size = Em inglês para a tradução PT-BR "Tamanho" ou seja, faça a mesma coisa que a verdana use:

 

<font face="verdana" size="26">Olá mundo </font>

 

Legal, agora eu tenho um texto sem cor...

 

Simples, use "color"

 

Color = Em inglês para a tradução PT-BR "Cor" ou seja, faça a mesma coisa que size use:

 

color="STRING" 

 

Lembrando que a cor deve ser em inglês ou seja:

 

White = Branco

Black = Preto

Yellow = Amarelo

 

Assim em diante, para saber as cores use o site do Google Tradutor

 

<font face="verdana" size="26" color="black">Olá mundo </font>

 

Atenciosamente,

Bombado

 

[leonardosc]

Vale lembar que nas cores da para colocar valores hexadecimais, exemplo:

 

<font face="verdana" size="26" color="#F27D0C">Olá mundo </font>