AAA cambio de tamano de letra

[viktoria]

Buenos dias chicos,
soy progamador y no tengo gran conocimiento de css, pero tengo que implementar la posibilidad de cambiar el tamano de letra en la web.
Tipico AAA .

Al pulsar sobre la letra se tiene que aplicar un aumento de tamano a todos los textos de la web.

No tengo claro como tiene que ser el planteamineto de los CSSs en la web.

Hay algun ejemplo que pueda ver o un manual a seguir?

Un cordial saludo, Victoria

[kseso?]

A falta de opiniones más sesudas y fundadas, creo que con css no puedes hacerlo. Quizás se podría simular, pero implicaría cargar una nueva página con los mismos contenidos y una llamada a otro css (para hacerlo compatible con todos los navegadores). Pero yo no iría por ese camino.

Mejor algún script. Y como he visto en alguna página cargarlo en un "onclick":

Código html:

<div id="mas"><img style="cursor: pointer;" onclick="javascript:aumentar();"
title="Aumentar tamaño letra" alt="Aumentar tamaño letra"..."/></div>
 

y lo mismo para disminuir.

Pero espera otras opiniones.
Un saludo

[viktoria]

Si, bueno no me explique bien,
Tengo que cargar la pagina con nueva hoja de estilos al clicar sobre la letra, eso lo tengo asumido.
Lo que no se como tiene que ser css en general para soportar este cambio?
Yo tengo definido para cada elemento y clase un font size. Entiendo que debo cambiar cada entrada en otros 2 ficheros css que copiare del actual?
Son demasiados cambios. No existe alguna forma de definir el tamano de fuente a nivel general (padre de todos) y que si cambio este, lo heredan los demas , aunque tienen definidio su propio tamano de letra?

Un cordial saludo, Vicotria

[kseso?]

A bote pronto, y sin verificar ni probar la idea:

Define todos los tamaños de fuente en em (esto es algo que supongo ya tienes) en el archivo css que utilizas y añades esta propiedad en el archivo css: body {font-size: 1em;}

En el nuevo archivo .html (los que aumentan o disminuyen el tamaño de los textos) incluye justo antes de cerrar el </head> y después de la llamada que haces a tu arcivo css

Código html:

<style type="text/css">
body {font-size: Xem}
</style>
 

En la página que aumenta el tamaño sustituye la X por un valor mayor a 1 y en la que muestra el texto más pequeño menor a 1

Como te digo, no lo he verificado.

Un saludo. Ya dirás si es funcional o no.

[viktoria]

Gracias! voy a probar esta solucion, aunque tengo definido todos los tamanos en px.

Supongo que tendre que cambiar pixeles por em.

[kseso?]

De todas formas tendrías que hacerlo si pensabas validar la accesibilidad en sidar.org

Y cuéntanos si funciona (si antes no hay quien te lo desaconseje )

[viktoria]

Buenos dias,

No he podido lograr que funione con esta solucion. No se hereda nada al cambiar font-size de body aunque todos los elementos hijos tenian font-size definido en em o %.

Al final tuve que crear 3 hojas de estilo diferentes y cargar segun procede.

El tema sigue abierta por si alguien aqui hizo algo parecido.

Un cordial saludo, Victoria