Diseño web en Chetumal
Tipos de letra
Puntos de verificación en esta sección:
11.2 Evite características desaconsejadas por las tecnologías W3C. [Prioridad 2].
Técnicas:Diseño web en Chetumal
• Especifique siempre un tipo de letra genérico por defecto.
• En lugar de utilizar elementos y atributos de presentación desfasados, utilice las múltiples propiedades CSS para controlar las
características de los tipos de letra: «font-family», «font-size», «font-size-adjust», «font-stretch», «font-style», «font-variant», y «fontweight».
• Use las siguientes propiedades CSS2 para controlar la información de la fuente: «font», «font-family», «font-size», «font-size-adjust»,
«font-stretch», «font-style», «font-variant», y «font-weight», en lugar de los siguientes elementos y atributos de tipo de letra desaconsejados
en HTML: FONT, BASEFONT, «face», y «size».
• Si tiene que usar elementos HTML para controlar la información sobre el tipo de letra, utilice BIG y SMALL, que no están
desaconsejados.
Ejemplo diseño web
Especifique siempre un tipo de letra genérico por defecto en caso de que no esté disponible el deseado:
body { font-family: «Gill Sans», sans-serif }
Ejemplo
<style type=»text/css»>
p.important { font-weight: bold }
p.less-important { font-weight: lighter; font-size: smaller }
h2.subsection { font-family: Helvetica, sans-serif }
</style>Diseño web en Chetumal
Efectos de estilo del texto
Puntos de verificación en esta sección:
7.2 Hasta que las aplicaciones de usuario permitan controlarlo, evite el parpadeo del contenido (por ejemplo, cambio de presentación
en periodos regulares, así como el encendido y apagado). [Prioridad 2].
Técnicas:
Las siguientes propiedades CSS2 se pueden emplear para dar estilo al texto:
• Mayúsculas/minúsculas: «text-transform» (para mayúsculas, minúsculas y primera letra mayúscula).
• Efectos de sombra: «text-shadow»diseño web en Quintana Roo
• Subrayado, suprarayado, parpadeo: «text-decoration». Nota. Si se emplea contenido parpadeante (por ejemplo, un titular que
aparece y desaparece a intervalos regulares), proporcione un mecanismo para detener el parpadeo. Con CSS, «text-decoration:
blink» producirá el efecto de parpadeo y además permitirá al usuario detener el efecto desactivando las hojas de estilo o redefiniendo
la regla en una hoja de estilo de usuario. No use los elementos BLINK o MARQUEE. Estos elementos no aparecen en ninguna
especificación W3C para HTML (es decir, son elementos no estándares
Diseño web en Chetumal
#DisenowebenChetumal