|
Cambio Dinámico de Tamaño de Fuente |
|
|
Éste artículo presenta un método sencillo para facilitar al usuario la elección del tamaño de fuente que necesita para acceder a los contenidos de la página.
La gran mayoría de las páginas presentan en sus contenidos un tamaño de fuente de 10 o 12 puntos. Esto puede ser un problema para usuarios con problemas de visión o dificultades para leer textos de tamaño reducido. Pero se puede ofrecer mediante unos vínculos la oportunidad de escoger el tamaño de forma dinámica, sin tener que reenviarle la página. En primer lugar, se define un sencillo estilo para el cuerpo de la página, entre las etiquetas <head> y </head>.
<STYLE type="text/css">
<!--
BODY { font-size: 12pt; font-family: Times New Roman; }
-->
</STYLE>
Después, se necesita enmarcar el texto a modificar con una división del tipo <div> o <span>, para poder identificarlo después. El código sería:
<span id="texto" name="texto"> ...Yo soy el texto a modificar... </span>
Aquí pondremos tanto en el atributo id como en el atributo name el valor para identificarlo después, por ejemplo 'texto'. Por último queda agregar unos vínculos para poder modificar el tamaño. Un vínculo que cambie el tamaño a 18 sería:
<a title="18" onclick="texto.style.fontSize='18pt';" href="index.htm#">18</a>
Al hacer clic en éste vínculo (evento onclick) el navegador del usuario busca la referencia texto, y a su estilo (style) le modifica el tamaño de la fuente (fontSize) a 18 puntos.
NI4
http://www.ni4.org/modules.php?name=News&file=article&sid=35
|