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:

  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.

13 Comentários

Escreva o seu comentário!

Comente!

Preencha o seu nome para assinar o comentário. O preenchimento deste campo é obrigatório.

Os comentários são as suas ideias ou opiniões em relação ao artigo que acabou de ler. Assine o seu comentário para dar a conhecer o seu ponto de vista. 
O seu endereço de e-mail não será publicado. O preenchimento deste campo é obrigatório.

Este site suporta a utilização de gravatars. Caso o seu endereço de e-mail esteja registado em gravatar.com, irá aparecer a sua imagem ao lado do comentário. 
Se tiver um website, este é um bom local para o publicitar.

Sempre que alguém ler o seu comentário, irá ver um link para o seu site. Se o seu comentário for relevante para os outros utilizadores, com certeza eles quererão saber mais sobre si e visitarão o seu site. 
Este formulário permite o uso de algumas tags em XHTML. As tags permitidas são as seguintes:

<a href="" title="">
<abbr title="">
<acronym title="">
<b> <blockquote cite="">
<code> <em> <i> <strike>
<strong>
 

Sobre este Artigo

 

Sobre o Autor...

Ivo GomesIvo Gomes tem 30 anos e é licenciado em Ergonomia pela FMH. Durante o curso especializou-se em Ergonomia de Sistemas de Informação e actualmente é líder do Departamento de Usabilidade e Qualidade do SAPO.

É sócio da Associação Portuguesa de Ergonomia, da Usability Professionals Association, e sócio fundador e membro do Conselho Directivo da Associação Portuguesa de Profissionais de Usabilidade.

Categorias do Blog

Arquivo

Consulte o arquivo para procurar algum artigo específico ou use o motor de busca.

|

Subscreva

Se preferir pode subscrever os artigos deste site via RSS para poder estar sempre actualizado.

O que são Feeds RSS e como as posso subscrever?