Foros del Web » Creando para Internet » CSS »

Tamaño de texto

Estas en el tema de Tamaño de texto en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 05/12/2008, 07:04
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Tamaño de texto

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
  #2 (permalink)  
Antiguo 05/12/2008, 07:42
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 10 años, 6 meses
Puntos: 8
Respuesta: Tamaño de texto

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.
__________________
ginkgo.com.uy
  #3 (permalink)  
Antiguo 05/12/2008, 07:52
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Tamaño de texto

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...
  #4 (permalink)  
Antiguo 05/12/2008, 08:35
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Tamaño de texto

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,
  #5 (permalink)  
Antiguo 05/12/2008, 08:41
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Tamaño de texto

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?
  #6 (permalink)  
Antiguo 05/12/2008, 09:38
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: Tamaño de texto

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:08.