“CSS - Texto” Rogelio Ferreira Escutia
Selección de Tipo de Letra Los tipos de letras se denominan “Familias de Letras” (Font Family). No todas son soportadas en todos los sistemas operativos, es por ello que se recomienda seleccionar varias similares en caso de no funcionar la primera, se pueden seleccionar otras. 2
Tipos de Letras Serif. Sans Serif. Slab Serif. Script y Cursiva Gótica. Decorativa. Símbolos. 3 “Digital Design for Print and Web”, John DiMarco, John Wiley & Sons 2010
Tipos de Letras 4 “Digital Design for Print and Web”, John DiMarco, John Wiley & Sons 2010
Tipos de Letras 5 “Digital Design for Print and Web”, John DiMarco, John Wiley & Sons 2010
Preferir Sans-Serif (recomendación) Se recomienda usar Los tipos de letras sans-serif cuando sea posible ya que son mas fáciles de leer. 6
Cargar tipos de letras especiales Se pueden cargar tipos de letras en los siguientes formatos: TTF (True type font) OTF (Open type font) EOT (Embedded open type) SVG (Scalable vector graphics) Se recomienda TTF 7
Buscar tipo de letra En este caso se buscó el tipo de letra “Coalition” del sitio: “http://www.dafont.com/coalition.font” y de ahí se busca y descarga el archivo TTF 8
HTML Este es el código HTML (solo se muestra el body): 9
CSS Este sería el código CSS (indicando el TTF que se acaba de descargar y que debe estar junto al código del HTML): 10
Texto con letra “Coalition” 11
Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogelio@itmorelia.edu.mx rogeplus@gmail.com Página Web: http://sagitario.itmorelia.edu.mx/~rogelio/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/