Font
font : font-style || font-variant || font-weight ? font-size / line-height ? font-family | caption | icon | menu | message-box | small-caption | status-bar
font-style : normal | italic | oblique
Fonte en italique
Fonte en oblique
font-variant : normal | small-caps
Fonte en Petites Capitales
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Fonte en Gras --- Fonte en moins Gras --- Fonte en plus Gras
Fonte en Gras 100 --- Fonte en Gras 700 --- Fonte en Gras 900
font-family :
nom de police
| police générique
, nom de police
| police générique
*
serif --- sans-serif --- cursive --- fantasy --- monospace
Fonte en serif --- Fonte en sans-serif --- Fonte en cursive --- Fonte en fantasy --- Fonte en monospace
font-size :
taille absolue
| taille relative
| taille
| pourcentage
taille absolue : [ xx-small | x-small | small | medium | large | x-large | xx-large ] correspondant aux tailles HTML 1 - 2 3 4 5 6
taille relative : [ larger | smaller ]
Fonte en 24pt --- Fonte en smaller --- Fonte à 50% --- Fonte en 12pt
font : caption | icon | menu | message-box | small-caption | status-bar --- fonte utilisée par les contrôle avec titre (bouton), les icônes, les menus (menu liste...), les boîtes de dialogue, les étiquettes de contrôles et la barre d'état.
Fonte en caption --- Fonte en icon --- Fonte en message-box --- Fonte en menu --- Fonte en small-caption --- Fonte en status-bar
CSS3 permet de téléchargée une police utilisée dans une page et qui peut ne pas être présente sur l'ordinateur du visiteur :
@font-face {
font-family: caricature;
src: url(caricature.ttf);
}
Résultat :
Jean-Paul IZAR