Blog do Luis

Font-size: tamanho da letra(fonte) em CSS

A propriedade font-size é usada para indicar o tamanho da
letra(fonte) em CSS. Este tamanho poderá ser especificado em
várias unidades de medidas.

O bom planejamento do site é de vital importância para que a
propriedade font-size seja aplicada corretamente e sem
desperdício, isto é, não é necessário ficar aplicando o tamanho da letra em
todas as tags de texto.

As medidas possíveis para o font-size são:

xx-small (equivale a 9px)

x-small (equivale a 10px)

small (equivale a 13px)

medium (equivale a 16px)

large (equivale a 18px)

x-large (equivale a 24px)

xx-large (equivale a 32px)

smaller (equivale a 13px)

larger (equivale a 18px)

É possível ainda usar valores personalizados para determinar o tamanho
da letra, estes valores poderão estar em diversas unidades de medidas.

Unidade relativa

pixel (px)

A largura em pixel é proporcional ao dispositivo que estamos usando, monitor,
telão, tela de um dispositivo móvel, etc

ems (em)

Determina a quantidade de vezes que se deve aumentar o tamanho da letra em
relação ao tamanho do elemento pai. Por exemplo:

body{
font-size:20px;
}
h1{

1.5em;
}

O tamanho da fonte no h1 será de 30px, pois ele está aumentando 1 vez e meia
o tamanho da letra do elemento pai que aqui no nosso exemplo é a tag
body.

Porcentagem (%)

Determina que o tamanho da letra será feita em um percentual em relação ao
elemento pai. Vejamos abaixo um exemplo prático.

p{
font-size:20px;
}
span{

200%;
}

O tamanho da letra no span será de 40px, pois ele está 200% acima
do tamanho da fonte do elemento pai que aqui no nosso exemplo é a tag p.

Unidade absoluta

points - pontos (pt)

in (in)

centímetros (cm)

milímetros (mm)

picas (pc)

Estas medidas não são muito comuns para uso em web e sua aplicação é mais
comuns para mídias impressas, como jornais, revistas, outdoor, entre outros.

Outros assuntos relacionados:

Box model:
padding, borda e espaçamento em CSS

Text-decoration:
decoração e efeitos em CSS

Font-size:
tamanho da letra(fonte) em CSS

Tutorial
de CSS: Formatação de blocos de textos

CSS
- Cascating Style Sheet - Folha de estilos em cascata

Fontes
arial, verdana ou georgia. Qual a melhor fonte para a web?

COMPARTILHAR
|

// Comentários
Ninguém comentou este post,
seja você o primeiro

Use o formulário abaixo para fazer um comentário.

Se quiser fazer uma pergunta, use o Fórum do Blog do
Luis.
Digite seu nome:

Digite seu email: (ele não
será divulgado)

Cidade:

Comentários: (comentários
inadequados serão excluídos)

Educação

Livros
gratuitos

Cursos
Técnicos

Cursos
a Distância

Aprender
Inglês

Faculdade
a Distância

Cursos
Superiores de Tecnologia

E-GOV

Serviços
Públicos - SP

Nota
Fiscal Paulista

Serviços
Públicos BR

Imposto
de Renda

Sites
de Governos

Internet

Blogs
e Blogosfera

Hardware e
Software

Redes
Sociais

Google

Microsoft

Sites
e serviços úteis

Importância
da Internet

Histórias
da internet

Web
2.0

Internet DEV

Mercado
de Trabalho

Linguagem
HTML

Sistemas
Informação

Modelagem de
Dados

Dicas
de CSS

Linguagem
SQL

Navegadores

Banco
de Dados

Dicas
de ASP.NET

Dicas
de PHP

2007-2010   //   Blog do Luis   //   Hospedado no UOLHost
//   Política de Privacidade   //   Mapa do Site
//   Eu creio em Deus