Novamente sobre o tamanho do texto
Quinta-feira, 11 de Maio de 2006
Depois de alguma discussão sobre qual a melhor forma de definir o tamanho do texto num website, hoje encontrei uma possível solução para o problema e que funciona em qualquer browser/plataforma.
O Yahoo! Developer Network disponibilizou na sua User Interface Library uma solução que permite normalizar o tamanho do texto em todos os browsers, de forma muito simples. Através da inclusão de um ficheiro CSS, define-se o tamanho de texto para um valor fixo em pixeis. Isto fará com que o tamanho base do texto seja igual em todos os browsers.
Depois, quando se quiser definir o tamanho do texto em alguma parte do site, usam-se percentagens para conseguir o tamanho pretendido, assim:
<style>blockquote p {font-size:77%;}strong {font-size:122%;}</style>
Os valores das percentagens correspondem a um valor em pixels. Sendo assim, pode usar-se a seguinte tabela para definir o tamanho do texto:
| Se queremos este tamanho em pixels (px) | Declaramos esta percentagem (%) |
|---|---|
| 10 | 77 |
| 11 | 85 |
| 12 | 92 |
| 13 | 100 |
| 14 | 107 |
| 15 | 114 |
| 16 | 122 |
| 17 | 129 |
| 18 | 136 |
| 19 | 144 |
| 20 | 152 |
| 21 | 159 |
| 22 | 167 |
| 23 | 174 |
| 24 | 182 |
| 25 | 189 |
| 26 | 197 |
Nada mais simples.
Podem fazer download do código fonte aqui.
Ivo Gomes tem 30 anos e é licenciado em