Gracias Raúl.
Conozco perfectamente los diferentes tipos de medidas que se pueden aplicar mediante css a las tipografías dependiendo si es para impresión o si es para visualización en pantalla, etc...
Sé que a la hora de funcionar con medidas fijas y no relativas como "em" se pierde flexibilidad.
El usuario no está educado y no conoce que el tamaño del texto se puede agrandar o achicar mediante su navegador.Habrá que decirselo. :)
Por lo tanto, no creo que sea una locura el usar las funciones de cambio de texto en la página web mediante javascript.
Una vez llegados a este punto. Mi pregunta viene referida a cual es la mejor manera técnica de hacerlo.
Con un cambio total de la hoja de estilos mediante javascript?
Saludos...
Raúl Martín escribió:
Hola Ricardo,
Verás hay una forma de marcar tamaños de fuentes (y anchos, altos de bloques...) esta unidad de medida es el em. Si utilizas el em para marcar la altura de la fuente, el usuario podrá ampliar y reducir el tamaño de las letras a voluntad. Si además lo usas para el tamaño de las cajas, también estos se ampliaran y reducirán a voluntad. Mediante la opción del navegador, ampliar tamaño de la fuente.
Claro, el em no es trivial, ya que es una medida relativa, depende del contexto en el que se encuentre, es decir, si tienes un em en una caja, antes de calcular su tamaño real, tiene que comprobar cual es el valor del font-size, y en funcion de este calcula su valor. Bien, esta propiedad se aplica en cascada, y si tu la aplicas en el body, marcas el valor inicial de todos los elementos. Mira este ejemplo, www.ubicuit.net . todas las medidas usan em, ahora coge el firefox y juega con el ctrl + y el ctrl - y como juego dos, modifica la hoja de estilos y cambia el font-size del body. Ahora que sabes lo que ocurre, haz un javascript que modifique el font-size del body y lo tienes. y para que algo no se vea afectado por esto usa el px para marcar sus medidas.
Saludos y espero haber sido de utilidad.
Pd: No se si quedo claro en función de que es relativo el em. Mira en el ejemplo como todos los anchos de las cajas son iguales, aunque su tamaño en em varia, parece no tener sentido, pero haz cuentas con el font-size del elemento y verás que si tiene sentido.
es decir: font-size:1em; height:2em y font-size:2em; height:1em
producen un height identico
RV> Buenas.
RV> Como dice el título de este post, mi pregunta viene referida al cambio RV> de tamaño de la tipografía de todas o cada una de las partes del documento.
RV> Es decir, ¿Cómo cambio el tamaño de la tipografía de todo el documento?
RV> ¿Simplemente haciendo un cambio de la hoja de estilos mediante un RV> botón que llame a un javascript?
RV> o
RV> ¿Hay una forma más simple que simplemente cogiendo de base la hoja RV> de estilos predeterminada le sume un punto o pixel a la tipo para RV> así agrandarla?
RV> Creo haberlo visto de las dos maneras. RV> Y pienso que la mejor es la segunda. Más limpia, menos pesada. ¿Más RV> profesional?
RV> ¿Y si quiero cambiar el tamaño de ciertas clases en vez de todo el RV> documento?
RV> Digamos que sólo quiero alterar la tipo de la parte de contenido y dejar RV> igual el menú.
RV> ¿Como se haría?
RV> Como veis estoy cargado de dudas porque realmente no sé cual es el mejor RV> método para llevar acabo tal proceso.
RV> Por adelantado os doy las gracias por la posible contestación, por su RV> lectura y porque llevo un recorrido de aprendizaje exponencial por cada RV> día que me siento a leer los mensajes de la lista.
RV> Gracias.
Saludos.
_________________________________
Todo lo que no aprendí, no se me ha olvidado. _________________________________
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
--
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
