¿El tamaño de letra siempre va a variar según el tamaño de letra del explorador?

[un_tio]

Hola, me gustaría saber si el tamaño de letra, bien el que definimos desde el código html, o bien el que decidimos desde la página css, se ve influido o no porque se ponga desde el explorador, "Ver-->Tamaño de letra-->Grande", o "mediano", o lo que sea.

Sé que influye, pero creo que no siempre, y me gustaría saber bajo qué circunstancias influye y bajo cuáles no (no sé si tendrá algo que ver con si se pone - o + delante del número).

Saludos

[jesusbet]

si te refieres a que depende de la configuración del navegador, no, porque si tu defines un tamaño de letra, no tiene porqué variar según los navegadores, a menos que el usuario quiera. Si no defines el tamaño de fuente, sí que varía.

[DarkJ]

Creo que si especificas el tamaño de la letra en una unidad absoluta como son pixeles o puntos, entonces siempre tiene ese tamaño. Si especificas unidades relativas, como porcentaje o em, entoces si se varia el valor de referencia, cambia.

Eso si, en todos sitios recomiendan usar unidades relativas, porque que una fuente se vea bien en tu monitor de 15' en una resolucion de 800x600 y siendo una persona con una buena vista, no quiere decir que en un monitor de 19' a 1200x1000 y siendo una persona con 5 dioptrias y astigmatismo se vaya a ver algo de la letra.

[un_tio]

Ok, gracias. Darkj, ¿y cómo defines en una hoja css un tamaño de letra relativo, y no en píxeles o puntos?

[jesusbet]

font-size: 10em; /* proporcional al tamaño de letra que estás usando en el bloque o línea */
font-size: 10%;

[un_tio]

Gracias . Una duda, eso del % lo hace respecto al valor que tenga la letra en body. Lo que he hecho es asignarle un valor del 100%, para que después cambie la letra normal del body cuando le dé a cambiar desde el explorador, y cambien también todos los otros objetos (inputs, celdas,...) que tienen que cambiar.

¿Es esto lo que se suele hacer? ¿Ponerle un 100% a la letra del body? ¿qué soléis hacer otros?

[jesusbet]

Pues yo suelo ponerla en puntos, pixeles o rara vez en em.... no sé para que lo necesites en porcentajes, pero úsalo solo si es NECESARIAMENTE NECESARIO, jeje..

saludos

[un_tio]

Pero es que tú usas unidades absolutas, y yo estoy preguntando por las relativas.

Entonces, no haces caso del consejo de DARKJ, que dice que en todos sitios aconsejan usar unidades relativas...

[jesusbet]

epale epale.. no me la cambies, tú preguntaste:
"Es esto lo que se suele hacer? ¿Ponerle un 100% a la letra del body? ¿qué soléis hacer otros?"

yo te contesté lo que YO HAGO... o sea, no cuestiones mis respuetas

Por otro lado, existen miles de ideologías en este mundo, miles de formas de hacer una misma cosa, en eso consiste la programación, lo pones en el if o lo pones en el else, como sea, puede dar lo mismo.

A lo que voy es que tú debes ver lo que quieres, a mí no me sirve usar fuentes relativas porque tengo medidas exactas, layouts exactos, con imagenes que no puedo aumentar ni un pixel, entonces NO me conviene usar fuentes relativas, porque al aumentar automáticamente el tamaño de fuente, puede desfazarme completamente el layout... eso es lo que me enseñaron a hacer cuando uso medidas exactas.

Si en tu layout no es necesario usar medidas exactas (para bloques), entonces usa tamaños relativos.

Te repito, todos tenemos diferentes formas de ver las cosas y en eso se basa la diversidad, el que te den un consejo no significa que es lo mejor, es para algunos, no para todos ;)

lo que te recomiendo es probar los dos, luego te quedas con una medida ;)

saludos

[Durgeoble]

Aun a riesgo de parecer prepotente, si tu diseño se descuadra totalmente cuando aumenta el tamaño de letra es que esta mal diseñado, existen sobradas propiedades css para acomodar el diseño junto con el tamaño de letra (imagenes incluidas) si bien un exceso (letras ocupando toda la pantalla por ejemplo) te lo descuadraria de cualquier forma es bastante mas complicado que suceda.
Si alguien con una defiencia visual visitara tu pagina veria un desatre (segun tus propias palabras) diseñas bien una pagina no es solo hacerla bonita, eso ya paso a la historia aunque claro, conlleva un poco mas de trabajo.

[DarkJ]

jesusbet es de los que opinan que el diseñador es el que debe imponer el diseño al visitante. Yo creo que el visitante debe poder adecuar el diseño de la pagina a sus necesidades. El navegador tiene la opcion de que el usuario cambie el tamaño relativo de la letra, poner medidas absolutas es quitar esa opcion al usuario.

Personalmente, no llamaria diseño web a no utilizar medidas relativas, me parece mas diseño grafico (en una imagen de photoshop controlas todo al pixel), o diseño para papel (en una revista el usuario no puede modificar los tamaños). Las unidades relativas existen desde siempre, antes del CSS.

Las medidas absolutas tambien tienen su sitio, por ejemplo, cuando creas huecos para imagenes de un tamaño fijo. Pero para fuentes, lo mejor es (para mi opinion) relativas.

Creo que muchos se olvidan de que una web no es una obra de arte, es una herramienta, tiene que ser util a todos los visitantes.

[jesusbet]

Durgeoble: el diseño no está nada mal, ni los desarrolladores estamos mal, uno de estos días verás lo que estuvimos haciendo ;)
En sí el diseño no se descuadra, sino que, por ejemplo, hay botones de un menú, tienen una imagen de background, entonces, que vas a hacer cuando el tamaño de letra sobrepase el bloque?? no lo puedo repetir (background-repeat) porque sería un mosaico bien feo, en fin, que hicimos algunas cosas más interesantes que poner tamaños relativos.

Darkj, no sé de donde saques esas tonterías de "los que opinan que el diseñador es el que debe imponer el diseño al visitante"... como dije antes, hemos fijado las medidas en pixeles, pero el usuario facilmente puede aumentar el tamaño de las letras, y nuestro layout está preparado para eso ;)

En fin, que son ustedes quienes se la pasan imponiendo 'mejores ideas', yo opino que la diversidad de ideas es lo que hace mejor este lugar, por eso mencionaba que es mejor elegir personalmente cual es la que más nos acomoda ;)

saludos

[DarkJ]

Querido jesusbet, no se porque te lo has tomado como algo personal. No puedo opinar sobre tu trabajo, porque no he visto tu codigo HTML. Pero he visto diseñadores web que simplemente diseñan la pagina en photoshop y creo que con el fireworks parten la imagen, con todo estipulado en pixeles. Y como luego tengas que cambiar el contenido, y resulte que te sale una linea de texto mas, adios al diseño. O como que el diseño no se adapte a la resolucion de pantalla.

Tienes razon, no son los diseñadores los que deben imponer sus ideas de diseño. Son los usuarios los que deben dar su opinion, ya que ellos son los que al final tienen que sufrir dia a dia las decisiones de diseñador.

[jesusbet]

jaja... no, para eso existe CSS, se puede controlar bien el comportamiento del diseño y resoluciones

No me lo he tomado personal, simplemente dí mi opinión y ya ;)

saludos

[Durgeoble]

jesusbet, como ya te dije que hay sobradas propiedades css para evitar eso, que cuesta mas hacerlo tambien es cierto pero es perfectamente posible acomodar una imagen a un receptaculo y que esta aumente o disminuya su tamaño segun lo haga el receptaculo. (te pasaria un codigo que hice a tal efecto pero no recuerdo si lo borre o sigue por ahi, te lo mirare)
En cuanto a lo que estaba mal no me referia al diseño en si sino al planteamiento del mismo (al no resultar flexible) y me basaba en lo que habias dicho de que al aumentar la letra te podia descuadrar el diseño.
Para que te hagas una idea la imagen debe tener indicado el ancho en porcentage, de esta forma siempre ocupara el mismo espacio relativo al contenedor en el que se encuentra.
A mi me paso con unas imagenes aleatorias de tamaños totalmente diferentes, lo solucione poniendole maximos y minimos al receptaculo y diciendole a la imagen que ocupara el 100% del ancho disponible y estuviera centrada (de esta forma la columna donde iba la imagen crecia o decrecia dentro de los limites que yo le habia impuesto).
las propiedades por si te interesa estudiarlas mas a fodo son max-width y max-heigth (por supuesto sus inversas min-....)

[jesusbet]

Yo manejo fotos en una cabecera, no puedo ponerlas con tamaños relativos ;)

[Durgeoble]

Iniciado por jesusbet

A lo que voy es que tú debes ver lo que quieres, a mí no me sirve usar fuentes relativas porque tengo medidas exactas, layouts exactos, con imagenes que no puedo aumentar ni un pixel, entonces NO me conviene usar fuentes relativas, porque al aumentar automáticamente el tamaño de fuente, puede desfazarme completamente el layout...

Iniciado por jesusbet

hay botones de un menú, tienen una imagen de background, entonces, que vas a hacer cuando el tamaño de letra sobrepase el bloque?? no lo puedo repetir (background-repeat) porque sería un mosaico bien feo

Iniciado por jesusbet

Yo manejo fotos en una cabecera, no puedo ponerlas con tamaños relativos ;)

¿Por que no? no veo ningun inconveniente en que toda la pagina funcione con un tamaño relativo, te ahorrarias el problema de la primera cita.

Por otro lado nos hemos desviado del tema principal.

[jesusbet]

FOTOS que se agranden???? O.o eso sí es una barbaridá... jaja, imagínate la foto toda pixelizada... ja...

saludos

[Durgeoble]

Un_tio el tamaño de letra que eliges en el menu del navegador (grande, mediana, pequeña) se refiere a los tipos de letra por defecto (es decir si el webmaster no especifica nada) por ejemplo si pones

Código HTML:

<H1>Titulo principal</h1> 

el navegador le asignara un tamaño, tipo de letra y propiedades (subbrayado, cursiba, negrita) segun este configurado (si no lo ha configurado el usuario entonces lo pondra como lo definieron los programadores del navegador que este usando).
Por el contrario si defines el tipo de letra, tamaño, propiedades, ect lo que hayas definido tendra prioridad sobre lo que viene por defecto y lo que no hayas definido tomara los valores por defecto.
En unidades relativas (pe: em) tambien influye ya que toma como valor por defecto el ancho de la letra m (que en caso de no haber definido tu un tamaño para la letra del body se cogera el valor definido por el usuario en cuyo caso influira el tamaño de letra que haya escogido)

Espero haber aclarado dudas.

[Durgeoble]

Iniciado por jesusbet

FOTOS que se agranden???? O.o eso sí es una barbaridá... jaja, imagínate la foto toda pixelizada... ja...
saludos

Para eso estan los maximos ;)

[jesusbet]

jaja.. seguro man, tienes toda la razón, eres un master y no hay nada que vaya contra tu palabra...

saludo ;)

[Durgeoble]

Mas quisiera yo, puedo hacer que la pagina haga exactamente lo que yo quiero, pero soy muy practico y mis "diseños" (si es que se pueden llamar asi) tienden a ser un menu, una imagen y el contenido.
Otra cosa es que me haya buscado problemas a proposito y haya encontrado soluciones (algunas muy curiosas :)