font-family CSS propriété

font-family : "Times New Roman", Times, serif;
font-family : Verdana, Geneva, sans-serif;
font-family : "Courier New", Courier, monospace;
font-family : "Comic Sans MS", cursive;
font-family : Cottonwood, "FB Reactor", fantasy;

Règles de syntaxes CSS pour font-family.

Règle d'écriture de font-family

Quand le nom de famille que vous utilisez contient des espaces ou caractères spéciaux, il doit être mis entre guillemets.

Mettez toujours une police générique:
En règle générale, la valeur de la feuille de style CSS font-family est un ensemble de noms de police d'aspect équivalant dont la dernière énumération est le nom de la police générique.
Si par exemple l'internaute n'a pas "Arial" alors on affichera le texte en "Helvetica". S'il n'a pas "Helvetica" alors on affichera le texte avec une police générique de type "sans-serif".

Utiliser la police qui facilite la lecture :
En règle générale, pour l'Internet les polices de type "serif" ne sont pas adaptées pour la lecture sur les écrans utilisez plutôt du "sans-serif".

Voir aussi le processus d'affichage du caractère par le navigateur.

Les familles de polices génériques

La police générique serif:
Une police serif a des terminaisons au bout de leurs traits, des bouts évasées ou en pointes, ou plus simplement des terminaisons avec des empattements. Les polices serifs ont typiquement un espacement des lettres proportionnel.

font-family : Times New Roman, Times, serif;

La police générique sans-serif:
Une police sans serifs a les fins des traits pleins, sans évasement, ni recoupements ou autres ornements. Les polices sans serifs ont typiquement un espacement des lettres proportionnel.

font-family : Verdana, Geneva, sans-serif;

La police générique cursive:
Une police cursive a un aspect manuscrit plus affirmé que le dessin des polices italiques. Les glyphes se touchent en partie ou complètement, ce qui donne un résultat plus proche d'une écriture manuscrite que celui d'un travail imprimé. Les polices de certaines écritures, comme l'arabe, sont presque toujours cursives.

font-family : "Comic Sans MS", cursive;

La police générique fantasy:
Une police fantaisie est principalement décorative mais elle contient toujours des représentations des caractères.

font-family : Cottonwood, "FB Reactor", fantasy;

La police générique monospace:
Une police monospace a tous ses glyphes de mêmes dimensions. L'aspect étant semblable à celui obtenu avec une machine à écrire manuelle, on les emploie souvent pour transmettre des échantillons de code informatique.

font-family : "Courier New", Courier, monospace;

Compatibilités navigateurs de la propriété font-family

Equivalence de la CSS font-family en HTML.

La propriété de feuille de style font-family CSS peut remplacer en HTML est l'attribut FACE de la balise HTML FONT.

Flash mx font-family CSS

Pour les utilisateurs de Flash MX, l'équivalence de la cascading style sheets font-family en actionscript est fontFamily.

Exemples et astuces CSS pour utiliser font-family

Mettre une police par défaut a votre page.

Vous pouvez spécifier une police générale par défaut à votre page HTML. Il vous suffit de mettre votre propriété dans un sélecteur CSS de Balise, body pour notre cas.

body { font-family : Arial, Helvetica, sans-serif }

Vous pouvez aussi définir avec cette technique une taille ou une couleur par défaut, etc...

Votre avis sur la définition font-family en CSS