Tamanho de fonte proporcional ao componente em layout líquido

[Spyder.RV 0]

Estou montando um site com o layout utilizando DIV's, sem tabelas. Os tamanhos e posicionamentos de todos os objetos das páginas são em percetual, dando uma idéia de layout líquido. Ainda tem alguns ajustes mas tá ficando bom, pois independente da resolução do monitor do cliente, a página se ajusta.

 

O problema agora é com o tamanho das fontes, que não acompanham o ajuste de tamanho das DIV's ou dos objetos.

 

Alguém sabe alguma maneira de "travar" o tamanho da fonte para que fique sempre na mesma proporção do componente ao qual ela faz parte?

[kaamus 0]

Olá Spyder.RV

 

tudo beleza?!

 

tenta isso aqui:

 

CODE

coloca essa definição de fonte entre seus head's..

aqui você escolhe a porcentagem da sua letra ;p

 

body{

font: 76% arial,sans-serif;

 

abraço ;)

[Spyder.RV 0]

Olá Spyder.RV

 

tudo beleza?!

 

tenta isso aqui:

 

CODE

coloca essa definição de fonte entre seus head's..

aqui você escolhe a porcentagem da sua letra ;p

 

body{

font: 76% arial,sans-serif;

abraço ;)

Falai kaamus, tudo beleza..

 

Eu já tô tentando fazer isso mas não tá dando certo.

 

Olha só esse exemplo: http://2008.laboratoriohormonal.com.br/

 

Os textos estão a 100%, menos no rodapé onde tem o texto Este está hospedado nos servidores da: Ultrario...

 

No rodapé está configurado pra rodar a 62,5%. Roda bem a 1024x768, mas em 800x600 estoura.

[Paulo de Tarso F. M. 24]

Bom, se está estourando com resolução 800x600, então você terá que optar ou em diminuir mais a fonte (que não recomendo, pois já está pequeno), ou então, pelo menos nesse trecho, utilizar um tamanho de fonte fixo. Acho que se especificasse o tamanho só ali não atrapalharia... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[Spyder.RV 0]

Bom, se está estourando com resolução 800x600, então você terá que optar ou em diminuir mais a fonte (que não recomendo, pois já está pequeno), ou então, pelo menos nesse trecho, utilizar um tamanho de fonte fixo. Acho que se especificasse o tamanho só ali não atrapalharia... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

Opa,

 

Fiquei um tempinho fora.

 

Esse modelo é apenas para discussão da idéia de redimensionamento automático com o tamanho da tela e eu coloquei a fonte nesse formato justamente para demonstrar os problemas que surgem e ver se dá pra achar uma solução. Um site com muita informação vai ter muitos boxes com texto que podem dar problema. Será que existe alguma solução para automatizar o redimencionamento das fontes?

[Paulo de Tarso F. M. 24]

O problema com redimensionamento de fonte com layouts é justamente quando o espaço onde o texto se encontra tem um tamanho fixo e que não pode ser alterado. Muitas vezes, boa parte sim, podemos redimensionar e tals, mas em outras, temos que nos sujeitar a fixar o tamanho do texto. Caso contrário, acontecerá o que está acontecendo no seu exemplo, parte do texto acaba sumindo porque ele ultrapassa os limites estipulados.

 

O que recomendo mesmo é isso: quando der para redimensionar o texto, tudo bem, mas quando o redimensionamento "quebra" o layout, então fixe-o.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Spyder.RV 0]

O problema com redimensionamento de fonte com layouts é justamente quando o espaço onde o texto se encontra tem um tamanho fixo e que não pode ser alterado. Muitas vezes, boa parte sim, podemos redimensionar e tals, mas em outras, temos que nos sujeitar a fixar o tamanho do texto. Caso contrário, acontecerá o que está acontecendo no seu exemplo, parte do texto acaba sumindo porque ele ultrapassa os limites estipulados.

 

O que recomendo mesmo é isso: quando der para redimensionar o texto, tudo bem, mas quando o redimensionamento "quebra" o layout, então fixe-o.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Ok, entendi...

 

 

Valeu

[ficticius 0]

É simples colega! Se você utilizar % nos tamanhos das fontes você está definindo um tamanho fixo de qq forma.

 

você deve utilizar a unidade .em pra definir tamanho de fontes, por exemplo 1em é o tamanho da fonte padrao definido pelo browser do usuario.

 

Se o usuario aumentar a fonte do browser, ela aumenta em todo as fontes proporcionalmente. faca uns teste e aprenda a utilizar a medida .em que vai resolver seu problema!

 

 

 

Abs,

Ficticius

 

 

O problema com redimensionamento de fonte com layouts é justamente quando o espaço onde o texto se encontra tem um tamanho fixo e que não pode ser alterado. Muitas vezes, boa parte sim, podemos redimensionar e tals, mas em outras, temos que nos sujeitar a fixar o tamanho do texto. Caso contrário, acontecerá o que está acontecendo no seu exemplo, parte do texto acaba sumindo porque ele ultrapassa os limites estipulados.

 

O que recomendo mesmo é isso: quando der para redimensionar o texto, tudo bem, mas quando o redimensionamento "quebra" o layout, então fixe-o.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Ok, entendi...

 

 

Valeu