Como Alterar Tamanho da Fonte em HTML

Você pode controlar o tamanho da fonte da sua página web usando a propriedade font-size da linguagem de estilo do HTML, Folhas de Estilo em Cascata (CSS). A partir do HTML 5, a abordagem CSS para estilização de fonte substitui a antiga tag <font>. Embora a tag font seja válida para páginas HTML 4, não é mais suportada como tag válida no HTML 5.

Definindo Tamanho da Fonte com CSS

Tamanhos de fonte são definidos na página web usando o atributo CSS font-size. Tamanhos são tipicamente definidos usando a medida tipográfica em, onde 1.0 é o tamanho atual da fonte, ou porcentagens, onde 100% é o tamanho atual. Também pode usar nomes de valores predefinidos como smaller, larger, small e xx-large. Embora definir tamanho em pixels ou pontos seja válido, não é recomendado porque seu texto pode não escalar corretamente em certas circunstâncias.

Usando CSS em Tags HTML

Você pode usar estilos em praticamente qualquer tag HTML no corpo da página. Adicione atributo style à tag com o atributo CSS font-size definido para o tamanho desejado. O estilo afeta o texto entre início e fim da tag — por exemplo:

<p style="font-size:1.5em">Este texto é maior que o normal.</p>
<p style="font-size:80%">Este texto é menor.</p>
<p style="font-size:smaller">Este texto também é menor.</p>

Usando CSS na Folha de Estilo

Se sua página web tem folha de estilo CSS, embutida no <head> da página ou em arquivo separado, pode alterar o tamanho da fonte lá. Folhas de estilo são úteis para mudanças globais. Encontre ou adicione a declaração que deseja alterar e adicione o código font-size. Por exemplo, para aumentar fonte para todas as tags de parágrafo:

p { font-size: 125% ; }

• Como Criar Etiquetas de Endereço no Word
• Como Remover Toque de Espera (Ringback Tone)