1. Use pt apenas no CSS media=”print”;

2. Use px apenas se você tiver consciência que está prejudicando os usuários de IE/Win pois, eles não poderão redimensionar o tamanho das fontes através das configurações do browser;

3. Lembre que fontes com tamanhos definidos em píxels aparecem de tamanhos diferentes dependendo do UA do visitante e da sua respectiva resolução;

4. Fontes cujo tamanho foi definido como relativo sofrem alterações de acordo com o tamanho definido em seus “parents” através de herança;

5. As fontes configuradas como relativas são alteradas quando o usuário altera a configuração de tamanho de fonte no browser;

6. Uma boa prática é definir uma % no body, e depois usar o em para o restante. Algo como: body { font-size: 62.5%; };

7. A lista das possíveis unidades de medidas para fontes usando CSS2: ex, em, px, pt, cm, mm, pc e in onde:

in (polegadas; 1in=2.54cm)
cm (centímetros; 1cm=10mm)
mm (milímetros)
pt (pontos; 1pt=1/72in)
pc (picas; 1pc=12pt)
px (píxel)

8. Também podemos usar keywords: larger, smaller, xx-small, x-small, small, medium, large, x-large e xx-large

9. Você pode explicitar em um elemento para que ele herde a propriedade do seu “parent” através de: font-size: inherit;

10. Esqueça a tag <font>!;

Tem mais dicas, críticas ou sugestões? Atire o primeiro comentário!

This entry was posted on Tuesday, May 8th, 2007 at 21h43 and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.