Este documento proporciona información sobre tipografías seguras para usar en diseño web, la anatomía de una letra, diferentes tipos de fuentes como serif, sans serif, escritas a mano, novelty y dingbat. También cubre características como altas y bajas, tamaño, peso, estilo, espaciado de texto y cómo seleccionar fuentes apropiadas para proyectos de diseño web.

1. Diseño Web y Composición Digital Tipografías Web

6. 9 Tipografías “seguras” Arial Arial Black Comic Sans MS Georgia Impact Times NewRoman Trebuchet MS Verdana Tipografías instaladas en Windows y Mac OS

7. Anatomía de una letra Prueba Tipografía 8 11 4 3 9 2 6 7 1 12 5 10 Prueba Tipografía 1 Línea Base 9 Anillo 5 Remate 2 Altura 6 Línea Media 10 Descendente 3 Hueco 11 Ascendente 7 Fuste 4 Barra Transversal 8 Ápice 12 Serif

8. Serif Aumenta legibilidad en bloques generales de texto al proporcionar línea horizontal Fuentes serif modernas son más útiles en títulos Transiciones suaves a fuertes, serif redondeados a más rectos Vogue, Brides y Harper´sBazaar Garamond Baskerville Georgia Rockwell

10. Sans Serif Aparecidas en 1800 Más legibles a tamaño pequeño Impreso: Titulo sansserif, cuerpo serif Web: opuesto Arial: genérica, “sin voz”, perfecta para cuerpo de texto Arial Calibri Helvetica Verdana

12. Escritas a mano Símbolo de humanidad Personalidad tangible Baja legibilidad Brush Script Std Edwardian Script Handwriting Dakota Lucida Handwriting

14. Novelty Decorativas Menos legibles Añaden gran personalidad y estilo al diseño Mesquite Std Rosewood Matura Herculanum

16. dingbat Carácteres ornamentales que se usaban para separar texto La mayoría tienen un tema Webdings Webdings Wingdings Wingdings Wingdings wingdings

17. ARCADE

18. Otras características ALTAS – bajas Tamaño Peso: Bold Light Estilo Itálica Oblicua Decorado: Subrayado Overline Tachado Blink

19. Espaciado de Texto Horizontal Kerning: espacio entre letras particulares Tracking: Espacio entre letras en general Alto de línea: Altura del texto

20. CCS Letter-spacing Word-spacing Text-align Line-height Text-indent Font-family Font-variant Font-weight Font-style Font-size Text-transform Text-Decoration

21. ¿Cómo seleccionar fuentes? Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño Web Diseño web Diseño Web

22. Tipografía

23. Tipografía 2

24. Font = imágenes

25. sIFR ScalableInman Flash Replacement Fuentes en cabeceros usando Flash y Javascript http://www.mikeindustries.com/blog/sifr