tema 8 - uso de la tipografía en web
TRANSCRIPT
![Page 1: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/1.jpg)
Uso consciente de la tipografía en web
![Page 2: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/2.jpg)
Monoespaciada
Proporcional Serif Sans-Serif
![Page 3: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/3.jpg)
![Page 4: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/4.jpg)
Máximo tres en un sitio
Texto Display Decoración
![Page 5: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/5.jpg)
![Page 6: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/6.jpg)
Propiedades de la tipografía
Legible Leíble Escaneable
![Page 7: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/7.jpg)
Legible
Eligiendo la tipografía y sus propiedades
Eligiendo la tipografía y sus propiedades
Eligiendo la tipografía y sus propiedades
Eligiendo la tipografía y sus propiedades
![Page 8: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/8.jpg)
Leíble
G e n e r a l m e n t e l o s u s u a r i o s d e M a c d i s p o n e n d e l a s f u e n t e s i n c l u i d a s e n W i n d o w s F o n t P a c k , y a q u e é s t e s e i n s t a l a a u t o m á t i c a m e n t e d e s d e q u e M a c O s v i e n e p o r d e f e c t o c o n I n t e r n e t E x p l o r e r , p e r o n u n c a e s t a r e m o s s e g u r o s d e q u é v e r s i ó n t i e n e e l u s u a r i o f i n a l , a s í q u e l a r e g l a d e d e c l a r a r f u e n t e s a l t e r n a t i v a s m e d i a n t e C S S d e b e r e m o s a p l i c a r l a s i e m p r e .
![Page 9: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/9.jpg)
LeíbleGeneralmente los usuarios de Mac disponen de
las fuentes incluidas en Windows Font Pack, ya
que éste se instala automáticamente desde que
Mac Os viene por defecto con Internet Explorer,
pero nunca estaremos seguros de qué versión
tiene el usuario final, así que la regla de declarar
fuentes alternativas mediante CSS deberemos
aplicarla siempre.
![Page 10: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/10.jpg)
Escaneable
![Page 11: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/11.jpg)
Escaneable
Manejo de pesos, tamaños y colores para dividir y clasificar grandes
cantidades de texto de modo que sea sencillo llegar a fragmentos
específicos de información
![Page 12: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/12.jpg)
Otras recomendacionesUso de itálicas para títulos de libros, citas, o
como estilos de ligas
![Page 13: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/13.jpg)
Otras recomendacionesNo siempre es bueno subrayar las ligas
![Page 14: Tema 8 - Uso de la tipografía en web](https://reader033.vdocuments.pub/reader033/viewer/2022051212/557b3583d8b42adc608b4a36/html5/thumbnails/14.jpg)
Otras recomendacionesNo manejar columnas de texto muy largas,
para no entorpecer la lectura (ancho óptimo de 58 a 72 caracteres)