HTML - Fonte e Basefont

  »   HTML  »   HTML Tutorial - Usando Tag de Fonte e Basefont

A tag <font> é isada para modificar o tipo do texto, o tamanho e a cor. Use os atributos "size", "color" e "face" para personalizar o texto e a tag <basefont> para colocar cor, tamanho e estilo em todo o texto.

Geralmente as tags "font" e "basefont" não são muito usadas, porque CSS oferece maneiras muito melhor de colocar atributos ao texto.

Tamanho da fonte

Ponha o tamanho da fonte. Eles aceitaveis entre 1 (o menor) e 7 (o maior). O valor padrão do texto é 3.

html<p><font size="5">Esse é uma fonte de tamanho 5</font></p>

Demo

Esse é uma fonte de tamanho 5

A cor da fonte

Coloque cor ao texto

html<p>
	<font color="#990000">Esse texto está na cor hexodecimal #990000</font><br />
	<font color="red">Esse texto é vermelho</font>
</p>

Demo

Esse texto está na cor hexodecimal #990000
Esse texto é vermelho

Face da Fonte (Face Font)

Pegue uma letra usando um atributo de face da donte. Você pode escolher qualquer fonte que tenha instalada, mas escolha com cuidado, pois os usuários da sua página não podem ver a fonte, se eles não a tiverem instalada. Ele verá a fonte default significando Times New Roman. A solução seria escolher várias fontes que se parecem.

html<p><font face="Bookman Old Style, Book Antiqua, Garamond">Esse parágrafo tem sua fonte formata com atributos de face da fonte</font><p>

Demo

Esse parágrafo tem sua fonte formata com atributos de face da fonte

Basefont

Com a ajuda da tag "basefont" você podera indicar um valor default para a sua página de web. Nós recomendamos especificamente a "basefont" no caso de você usar uma fonte em HTML. Aqui tem alguns exemplos.

html<html> 
	......
	<body>
		<basefont size="2" color="green">
		
			<p>Esse parágrafo tem sua fonte formatada com tag de basefont</p>
			<p>Esse parágrafo tem sua fonte formatada com tag de basefont</p>
			<p>Esse parágrafo tem sua fonte formatada com tag de basefont</p>
			
		</basefont>
	</body>
</html>

Com todos esses, "basefont" é de alguma forma preterido. É possível que no futuro próximo isso não funcionará mais e será totalmente substituido pelas regras CSS.

Atributos

Atributo="Valor"Descrição
size="Num. Valor 1-7"Tamanho do seu texto, 7 é o maior
color="rgb, nome ou hexadecimal"Muda a cor da fonte
face="nome da fonte"Muda o tipo de fonte

O começo "pelo livro"

html<p><font size="7" face="Georgia, Arial" color="maroon">C</font>ustomize sua fonte para conseguir o look que deseja.</p>

Demo

Customize sua fonte para conseguir o look que deseja.