font

font-family	arial, times, 'times new roman'; inherit;
font-size	0; 120%; 14px; 1em; 1ex;	xx-small; x-small; small; medium; large; x-large; xx-large;
font-size-adjust	XXXXXXX; none; inherit;	Adapte la taille de la police de remplacement pour que le "ex" soit le même que si la fonte demandée avait été disponible
font-stretch	normal; wider; narrower; ultra-condensed; extra-condensed; condensed; semi-condensed; semi-expanded; expanded; extra-expanded; ultra-expanded; inherit;	Sélectionne le dessin normal, comprimé ou élargi dans une famille de police
font-style	normal; italic; oblique; inherit;
font-variant	normal; small-caps; inherit;	Affiche la police en petites majuscules
font-weight	bold (gras), normal, lighter (moins gras que la réf), bolder (plus gras que la réf), 100...900; inherit;

Exemple avec font:

par défaut la famille de la police est aston-f1 avec un style italic et grasse à 160% de la taille de la police en cours

Codage CSS de l'exemple:

div#police {
/* police aston-f1 par défaut si elle n'existe pas prend la prochaine police etc... */
font-family: aston-f1, "Freestyle Script", "Bradley Hand ITC", Arial, Courrier New;
/* police italique */
font-style: italic;
/* police grasse */
font-weight: bold;
/* hauteur de police de 160% de la taille de celle en cours */
font-size: 160%;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
<body>
< div id="police">par défaut la famille de la police est aston-f1 avec un style italic et grasse à 160% de la taille de la police en cours</div>
< /body>
< /html>