Tamaño de texto

[dibuga]

Hola:
Os cuento; tengo definido en mi hoja de estilo un texto definido como:

font : bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;

Todo bien, pero cuando desde el explorador cambio el tamaño de letra para verlo mas grande (por ejemplo en IE ver-> tamaño de texto->grande, muy grande ...

el etxto se hace demasiado grande.
¿Como puedo controlar el tamaño máximo? He visto en las web, que aunque esté definido con la unidad "em" su letra no se va tanto de madre.

También he probado con:(lo he visto en una web aunque no entiendo muy bien para que lo ponen así)
font : bold 1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;

.. y tampoco.

Mis preguntas son 2:
- ¿como controlo el tamaño maximo de texto?
- el segundo formato (el de 1em/1,1em) ¿en que se diferencia?

graciasss

[marcelomdsc]

la diferencia entre 1em y 1.1em es simplemente tamaño.
Si el tamaño en pixeles de 1em para tu sitio es de 10px, entonces 1.1em es 11px.

[willyfc]

hola dibuga
puedes controlar el tamaño de texto dependiendo de que navegador se trate, creo que solo el chrome agranda el texto aunque trates de limitarlo, pero puedes probar haciendo esto:

Código:

body{font : bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; }

el problema aquí es que si el usuario agranda o achica el texto te puede arruinar el diseño pero tienes que pensar lo siguiente: si alguien agranda el texto es por que necesita hacerlo por que por ejemplo tal vez no puede visualizar bien tu texto.

en el caso que menciono de que depende del navegador en ie7 y en la última versión de firefox se agranda y achica todo incluyendo tu diseño.

pero como te digo tienes que pensar bien antes de querer limitar al usuario a quiera agrandar o achicar el texto.

saludos...

[dibuga]

uhmm, pos así lo tengo en el CSS:
body{
padding:0;
margin:0;
background-color:#fff;
font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height : 1.5em;
color:#3F3F3C;

}

y pasa de mi,

[dibuga]

marcelomdsc
lo del tamaño lo entiendo, lo que me referia, es que diferencia hay entre poner sólo 1 medida( 1.1 em) y poner 2 separadas por la barra (1.1em/1.3em). En un principio pensé que esa era la solución a mi problema, que algo así como que la medida más pequeña que tomaría la fuente es 1.1em y la mayor 1.3 si es que la manipulaba mediante el navegador, ....pero no, no .... funciona exactamente igual

gracias de todas formas ¿alguna sugerencia más?

[rb3m]

Lo de 1em/1.1em se refiere a alto de texto / alto de la línea. Es decir, si quieres hacer que las líneas se vean más separadas le puedes poner, por ejemplo, 1em/2em

También puedes definir el alto de línea mediante line-height: 2;

Si no especificas nada deja el alto de línea normal para la tipografía que estás usando. Tampoco es necesario especificar una unidad. Si pones 1em/2 el 2 lo usará como multiplicador del alto normal.

Ahora, lo de por que se hace tan enorme cuando reajustas el tamaño de letra en Internet Explorer es porque IE es una porquería.

Para que no sea tan porquería después de definir el tamaño de tu texto pon font-size: 100%, así:

font-size: 14px;
font-size: 100%;

Eso hace que IE se comporte un poco mejor.