Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Tamaño de la letra según resolución en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/08/2006, 02:49
Avatar de Nietzsche  
Fecha de Ingreso: enero-2005
Ubicación: MALAGA-ESPAÑA
Mensajes: 228
Antigüedad: 12 años, 11 meses
Puntos: 0
De acuerdo Tamaño de la letra según resolución

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)  
Antiguo 08/08/2006, 20:13
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
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.
  #3 (permalink)  
Antiguo 09/08/2006, 10:01
 
Fecha de Ingreso: agosto-2006
Mensajes: 41
Antigüedad: 11 años, 4 meses
Puntos: 2
Un truquillo que va muy bien es poner el css

Código PHP:
body {
    
font-size62.5%;

con lo cual 1em equivale a 10px, 1.1em a 11px, ...
  #4 (permalink)  
Antiguo 09/08/2006, 16:10
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
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.
  #5 (permalink)  
Antiguo 09/08/2006, 17:04
 
Fecha de Ingreso: agosto-2006
Mensajes: 41
Antigüedad: 11 años, 4 meses
Puntos: 2
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
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 14:31.