Tamaño de la letra según resolución

Nietzsche · #1 (**permalink**) 08/08/2006, 01:49

Hola, tengo una web en HTML + CSS y todas las imágenes y los parámetros los tengo definidos en porcentajes de modo que para cualquier resolución la página se adapta mas o menos bien. Mi mayor problema es con el tamaño de las fuentes. Si utilizo expresiones CSS como: font-size: 80%; tenga la resolución que tenga la fuente tiene el mismo tamaño, no se porque. Otra opción que quizas sea mejor es definirlo en unidades em, ya que depende del tamaño de fuente que tenga definido el usuario, no se... ¿Que me aconsejais para que las fuentes se vean porporcionadas sea cual sea la resolución de pantalla?.

Un saludo y gracias de antemano.

#2 (**permalink**) 08/08/2006, 19:13

Cita:

Si utilizo expresiones CSS como: font-size: 80%; tenga la resolución que tenga la fuente tiene el mismo tamaño

En el caso de tamaños de fuentes, los porcentajes funcionan exactamente igual que el 'em', es decir, si la fuente está puesta a 12px en la configuración del navegador, las siguientes son equivalentes:

font-size : 12px;
font-size : 100%;
font-size : 1em;

Por otro lado, a menos que quieras combinar con javascript para cambiar la fuente según la resolución, vas a tener que confiar en la resolución del usuario, el problema es que la mayoría de los usuarios se quedan con la configuración por defecto simplemente por no saber cambiarla...

Saludos.

alblan · #3 (**permalink**) 09/08/2006, 09:01

Un truquillo que va muy bien es poner el css

Código PHP:

  body {

    font-size: 62.5%;

}

con lo cual 1em equivale a 10px, 1.1em a 11px, ...

#4 (**permalink**) 09/08/2006, 15:10

pues sería más fácil poner

body {
font-size:10px;
}

y listo.... ya que si la fuente predeterminada en el navegador es 14px, por ejemplo, entonces con esa línea le estás dando al em un valor de 9px, no 10
(14 * 0,625) = 8,75 ~ 9px

Saludos.

alblan · #5 (**permalink**) 09/08/2006, 16:04

El problema es que si pones el font-size en px, con IE no cambia el tamaño del texto mediante el menu "Tamaño de texto".

La razón del 62.5% es porque por defecto en los navegadores el tamaño medio es 16px y al hacer 16 * 0.625 da 10, que es mucho más cómodo a la hora de covertir px en ems porque 10px = 1em.

Albert Lanchas