>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como alterar o tamanho da fonte em HTML


Você pode controlar o tamanho da fonte de sua página da Web usando a propriedade font-size da linguagem de estilo do HTML, Cascading Style Sheets. A partir do HTML 5, a abordagem CSS ao estilo da fonte substitui a tag "fonte" mais antiga. Embora a tag de fonte seja válida para suas páginas da Web formatadas em HTML 4, ela não é mais suportada como uma tag válida em HTML 5.

Definindo o tamanho da fonte com CSS


Os tamanhos de fonte são definidos em sua página da Web usando o atributo CSS "font-size". Os tamanhos de fonte são normalmente definidos usando a medida tipográfica "em", onde 1,0 é o tamanho da fonte atual, ou porcentagens, onde 100% é o tamanho da fonte atual. Você também pode usar os nomes dos valores predefinidos, como "menor", "maior", "pequeno" e "xx-grande". Embora a definição do tamanho em pixels ou pontos seja válida, isso não é recomendado porque seu texto pode não ser dimensionado corretamente em determinadas circunstâncias.

Usando CSS em suas tags HTML


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

Este texto é maior que o normal.

Este texto é menor.

Este texto também é menor.

Usando CSS em sua folha de estilo


Se sua página da Web tiver uma folha de estilo CSS, incorporada no cabeçalho da página ou definida em um arquivo separado, você poderá alterar o tamanho da fonte. As folhas de estilo são úteis para fazer alterações globais em sua página da Web. Localize ou adicione a declaração que você deseja alterar e adicione o código do tamanho da fonte. Por exemplo, para aumentar o tamanho da fonte para todas as tags de parágrafo, use:

p { tamanho da fonte:125%; }