Juglar

Lacónico. 10+3.   Menú

Cambiar el tamaño de la letra

Categoría: Diseño Web, Javascript  -   7 Mayo 2006  -  

tamaño letra

En la hoja de estilos, deberíamos definir los tamaños de las fuentes (font-size) mediante unidades relativas (em, %), en vez de fijas (px, pt), si queremos que sean los usuarios los que puedan modificar el tamaño del texto a su antojo, mediante las funciones que para esta casuística disponen los navegadores. Por defecto, los navegadores suelen desplegar 16px.

Esta postura es la defiende uno de los principios de la accesibilidad:
“3.4 Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo.”

Ejemplos de funciones para modificar el tamaño del texto en navegadores:
- Firefox (versión 1.5.0.2): Herramientas - Opciones - Contenido - Tipografía
- Internet Explorer (versión 6.0): Ver - Tamaño de texto

La otra postura sería definir unas medidas fijas para las fuentes y permitir que el usuario pueda agrandar o disminuir el tamaño del texto pero desde funciones javascript predeterminadas en el diseño de la web (mediante botones, por ejemplo). Podría decirse que es la opción elegida por los que tienen un especial interés por controlar cómo se visualiza su diseño.

Para implementar botones que cambien el tamaño del texto:
Cambiar el tamaño de letra dinámicamente » Sentido Web
A List Apart: Power To The People: Relative Font Sizes
Zoom Zoom Zoom | Delta Tango Bravo
NoFunc · Dynamic Fonts
Aumentar el tamaño de un texto con Javascript en Intenta

Vease otra reflexión: Úsalo » Botones para cambiar el tamaño de letra

Útil:
A List Apart: Articles: Text-Resize Detection

Artículos relacionados

Opciones de discusión

Hay 2 Comentarios

  • Gravatar Image

    Supongo que si alguien quiere que la letra se pueda ampliar es para mejorar la accesibilidad de la web. Si es así la segunda opción es un problema:

    - No maquetas en tamaño relativo, por lo que no llegas al nivel AA. Punto 3.4
    - Estas dando una funcionalidad en javascript sin dar una alternativa: Ni siquiera cumples el nivel A. Punto 6.3

    Resumiendo: Utiliza la primera opción, maqueta con % o ems

    Sigmar 8 Mayo 2006 16:38 Enlace
  • Gravatar Image

    De acuerdo con SIGMAR.
    La opción javacript no debe considerarse porque las reglas exigen una alternativa para los sistemas que no usan javascript.
    La única opción: medidas relativas.

    saludos
    Mario

    Caso Patologico 9 Mayo 2006 0:05 Enlace

Deja un comentario

Todos los comentarios serán moderados antes de su publicación.

Disculpen las molestias.