Cette propriété regroupe l'ensemble des propriétés de police de caractères. C'est-à-dire, le style, la taille l'épaisseur, les petites majuscules, ainsi que la hauteur de ligne et enfin le type de police.

D'autre part, elle accepte des valeurs spécifiques dans le tableau ci-dessous.

Cette propriété obéit à la construction suivante :

font:
        style
        type_de_majuscules
        épaisseur
        taille/Hauteur_de_ligne
        police
        valeur_spécifique
Exemple
font
Valeur* <font-style>
<font-variant> <font-weight> <font-size>/<line-height>
<font-family> caption
icon
menu
message-box
small-caption
status-bar
Valeur par défaut Dépend des différents propriétés
Domaine d'application Tous les éléments
Pourcentage Suivant la taille de la police et la hauteur de la police.
Héritage oui
Media visuel

* Entre chaque valeur doit figurer un espace, sauf entre la taille de la police et la hauteur de ligne où est placé une barre oblique (slash).

Valeur
possible		 Action Exemple
caption La propriété est utilisée pour la légende d'une commande. p {font: 8pt bold "Times New Roman" caption}
icon La propriété est utilisée pour l'étiquetage d'un icône. p {font: 10pt "Courier News" icon}
menu La propriété est utilisée dans un menu. p {font: 12pt small-caps lighter menu}
message-box La propriété est utilisée dans une boîte de dialogue. p {font: 14pt bolder "Verdana" message-box }
small-caption La propriété est utilisée pour l'étiquetage d'une commande. p {font: italic 1.1em 9pt/15px small-caption}
status-bar La propriété est utilisée dans la barre de statut d'une fenêtre. h2 {font:
oblique
small-caps
500
12pt/1.2em
"Monotype
Corsiva"
status-bar}

La propriété est utilisée pour la légende d'une commande.

 
p {font: 
       oblique 
       16pt/1.8em 
       "Webdings"}

La propriété est utilisée pour la légende d'une commande.

 
p {font: 
       1.2em 
       bold
       "MS Sans Serif"
}

La propriété est utilisée pour la légende d'une commande.

 
p {font: 
       8pt 
       bold 
       "Times New Roman" 
       caption
}

La propriété est utilisée pour l'étiquetage d'un icône.

 
p {font: 
       10pt 
       "Courier News" 
       icon
}

La propriété est utilisée dans un menu.

 
p {font: 
       12pt 
       small-caps 
       lighter 
       menu
}

La propriété est utilisée dans une boîte de dialogue.

 
p {font: 
       14pt  bolder 
       "Verdana" 
       message-box
}

La propriété est utilisée pour l'étiquetage d'une commande.

 
p {font: 
       italic
       1.1em 
       9pt/15px
       small-caption
}

La propriété est utilisée dans la barre de statut d'une fenêtre.

 
h2 {font:
       oblique
       small-caps
       500 
       12pt/1.2em
       "Monotype Corsiva"
       status-bar
}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5