Saltar la navegación

4.3.3. Fuente

Elemento Descripción Ejemplo
font-size Indica el tamaño de la fuente. Puede ser un tamaño absoluto, relativo o en porcentaje. Toma valores de unidades de CSS 
p {
    font-size: 14px;
}
font-family Establece la familia a la que pertenece la fuente. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien. La propiedad puede contener varios nombres de fuentes como un sistema "alternativo". Si el navegador no admite la primera fuente, intenta con la siguiente fuente. Comience con la fuente que desee y siempre termine con una familia genérica, para permitir que el navegador elija una fuente similar en la familia genérica, si no hay otras fuentes disponibles. 
p {
    font-family: "Times New Roman", Georgia, Serif;
}
font-weight Define el grosor de los caracteres. Los valores que puede tomar son: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800 o 900 
p {
    font-weight: bold;
}
font-style Determina si la fuente es normal o cursiva. El estilo oblique es similar al cursiva. Los valores posibles son: normal, italic, oblique. 
p {
    font-style: italic;
}
font-variant Determina si la fuente es normal o mayúsculas pequeñas. Los valores que puede tomar son: normal o small-caps 
p{
    font-variant: small-caps;
}
font Permite establecer todas las propiedades anteriores en el orden que se indica a continuación: font-style, font-variant, font-weight, font-size[line-height], font family. Los valores han de estar separados por espacios. No es obligatorio el uso de todos los valores. 
p {
    font: italic bold 12px/30px Georgia, serif;
}

Creado con eXeLearning (Ventana nueva)