Font

Propiedad font define el tipo de fuente, grosor, tamaño y estilo.

p {
    font-family: "Times New Roman", Times, serif;
}

p.normal {
    font-style: normal;
}

p.italic {
    font-style: italic;
}

p.oblique {
    font-style: oblique;
}

<p class="normal">This is a paragraph in normal style.</p>
<p class="italic">This is a paragraph in italic style.</p>
<p class="oblique">This is a paragraph in oblique style.</p>

Estilo de fuente

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

p {
    font-size: 14px;
}

Tamaño de fuente en pixeles

h1 {
    font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
    font-size: 1.875em; /* 30px/16=1.875em */
}

p {
    font-size: 0.875em; /* 14px/16=0.875em */
}

Tamaño de fuente en em

• Recomendado por la W3C
• Tamaño de fuente por defecto en todos los navegadores es 16px (1em)

pixels/16=em

p.normal {
    font-weight: normal;
}

p.light {
    font-weight: lighter;
}

p.thick {
    font-weight: bold;
}

p.thicker {
    font-weight: 900;
}

Font Weight

<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>

Asignación

Uso de la etiqueta DIV

<div></div>

Uso de la etiqueta Table

<table></table>

Uso de la etiqueta Img

<img>

Uso de la etiqueta iframe

<iframe></iframe>

• Sintaxis
• Parámetros
• Ejemplo de uso
• Usar CSS