Al iniciarnos como diseñadores web con CSS es impresindible que sepamos como tabrajar o mejor dicho cómo se trabaja la tipografía y por ende los textos en CSS; muchas veces creemos saber como trabajarlo, ya que Dreamweaver nos echa mucho la mano al momento de programar una hoja de estilo, sin embargo, no todos los conocimientos nos lo da Dreamweaver, es por esto que este libro no puede faltar en tu repertorio de libros electrónicos, si es que quieres aprender CSS, es un libro muy digerible, está redactado muy ameno de tal manera que nosotros los diseñadores podamos aprender de manera facil.
Algo importante por aclarar, este libro requiere por parte nuestra de conocimientos básicos de HTML, si no los tienes, te recomiendo que inicies primeramente el libro Introducción a XHTML
- Título: Introducción a CSS
- Autor: Javier Eguíluz Pérez
- Dirigido a: Programadores web y diseñadores web sin experiencia con CSS
- Requisitos: Conocimientos básicos de HTML
Fragmento del capítulo libro: Introducción a CSS:
Tipografía
CSS define numerosas propiedades para establecer la apariencia del texto y de la letra utilizada en el texto. A pesar de que no dispone de tantas posibilidades como los lenguajes y programas específicos para crear documentos impresos, CSS permite aplicar estilos complejos y muy variados al texto de las páginas.
La propiedad básica que define CSS relacionada con la tipografía se denomina font-family y se utiliza para indicar el tipo de letra con el que se muestra el texto.
Tabla 6.1. Propiedad font-family
| font-family | Tipo de letra |
|---|---|
| Valores | (( <nombre_familia> | <familia_generica> ) (,<nombre_familia> | <familia_generica>)* ) | inherit |
| Se aplica a | Todos los elementos |
| Valor inicial | Depende del navegador |
| Descripción | Establece el tipo de letra utilizado para el texto |
El tipo de letra del texto se puede indicar de dos formas diferentes:
- Mediante el nombre de una familia tipográfica: en otras palabras, mediante el nombre del tipo de letra, como por ejemplo “Arial”, “Verdana”, “Garamond”, etc.
- Mediante el nombre genérico de una familia tipográfica: los nombres genéricos no se refieren a ninguna fuente en concreto, sino que hacen referencia al estilo del tipo de letra. Las familias genéricas definidas son
serif(tipo de letra similar a Times New Roman),sans-serif(tipo Arial),cursive(tipo Comic Sans),fantasy(tipo Impact) ymonospace(tipo Courier New).
Los navegadores muestran el texto de las páginas web utilizando los tipos de letra instalados en el ordenador del propio usuario. De esta forma, si el diseñador indica en la propiedad font-family que el texto debe mostrarse con un tipo de letra especialmente raro o rebuscado, casi ningún usuario dispondrá de ese tipo de letra.
Fuente: Librosweb.es