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:

1. <style>
2. blockquote p {font-size:77%;}
3. strong {font-size:122%;}
4. </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.