Tipos de fuentes
Las fuentes se utilizan para crear la mayoría de los tipos de elementos del webpage: títulos, descripciones, links, barras de navegación, menús, botones, listas, tablas, etc.
En el código HTML, las fuentes se describen en términos de: forma, estilo, tamaño y color. Todos estos atributos se pueden utilizar como cualidades editables dentro de la etiqueta FUENTE.
A modo de ejemplo analicemos dos fuentes:
Serif: Estas fuentes tienen accesorios pequeños en las letras. En su tipografía estándar, estas letras son preferidas para los bloques de texto grandes, puesto que las fuentes de texto Serifs se hacen más fácil de leer en líneas o párrafos largos.
Sans-serif - versión imprimible (Pdf): Estas fuentes consisten solamente en linestrokes y por lo tanto son más simples en la forma (e.g., Helvetica, Arial, Futura).
En tipografía estándar, estas letras se utilizan sobre todo para las frases cortas tales como títulos, etiquetas de botón, etc.
El estilo de fuente se refiere al uso de la negrita, de la itálica o de subrayado (o de una cierta combinación) para acentuar elementos textuales dentro de las páginas web.
No se debe utilizar el subrayado en las páginas web, porque se asocian asocian a links.
Utilice una fuente en negrita de forma no abusiva, porque es altamente visible y puede llegar a ser visualmente intrusiva y desagradable.
El uso de una fuente en itálica se puede utilizar para definir términos o para acentuar una palabra ocasionalmente, pero no debe ser frecuente el utilizarla, puesto que no es muy legible en la pantalla del ordenador y puede dar sensación de mareo.
Tamaño y color de fuente
El tamaño de fuente se puede especificar en código HTML en términos relativos o absolutos.
Los tamaños de las fuentes son distinto en diferentes ordenadores. Se recomienda usar etiquetas tipo <FONT SIZE=+1> a las de tipo <FONT SIZE=12>.
Mejor todavía, utilice las etiquetas del estilo de HTML (e.g., < H2 >), puesto que éstas etiquetas aplican estándares de tipografía para variar el tamaño del texto con incrementos equitativos.
El color de la fuente se refiere, por supuesto, al color usado para dibujar el texto. El color se debe elegir cuidadosamente, para maximizar la legibilidad contra su color de fondo.
Si el fondo de su web es claro - que recomendamos - ésto significa un color negro o una fuente en un color oscuro para facilitar su legibilidad frente al usuario.
Si el color de fondo es oscuro, el texto será más difícil de leer, si no utilizamos un color para la fuente que contraste con este color de fondo; el color debe ser blanco, amarillo pálido, naranja pálido.
Evite las letras de color azul o ligeramente oscuras. Puesto que este color puede distraer al usuario, dando la sensación de que se trata de un link.
Finalmente, no utilice demasiada variación de fuentes (Arial, Verdana, Times, etc), esto distraerá y corre el riesgo de que los usuarios no asimilen completamente su contenido.
Fuentes en imágenes
No utilice fuentes creadas en imágenes (gif o jpg ), a excepción de insignias o acciones parecidas. Hay varias razones para desestimar esta utilización:
- Estos archivos de imagen llevan asociados un peso por ser imagen, con lo cual necesitan un tiempo de carga mayor
- Los textos en imágenes no se visualizan con la misma nitidez que el texto generado por el browser.
- No podemos controlar el tamaño correctamente.
- Al no ser realmente texto, no pueden ser interpretadas, ni indexados por los buscadores, no se pueden leer en voz alta por los browsers para los usuarios visualmente discapacitados en caso de no haber utilizado un TITLE o ALT adecuado.
Fuentes:
Notas de cátedra - Comercio Electrónico - Facultad de Ciencias Económicas - UNC
No hay comentarios:
Publicar un comentario