Pour cela, il suffit de définir la propriété font-family pour votre élément.

Par exemple, pour modifier la police de tous les titres de premier niveau, nous écririons cela:

h1 {
  font-family: arial, verdana, "sans serif";
}

Dans l'exemple précédent, les titres h1 utiliseront la police arial. Si la police arial n'est pas présente sur le système de l'utilisateur, alors c'est la police verdana qui sera utilisée et ainsi de suite.

Les noms de police contenant des espaces (composés) doivent être indiqués entre guillemets

Pour cela, il suffit de définir la propriété font-weight pour votre élément.

Pour mettre en gras tous les éléments span, nous écririons cela:

span {
  font-weight: bold;
}

L'interêt de définir une famille générique de police en dernier choix de la propriété font-family, est que, si un visiteur n'a aucune des polices indiquées dans cette propriété, alors le navigateur sera en mesure d'utiliser une police de la même famille au rendu relativement similaire.

Le rendu final de votre page sera alors moins dégradé que si le navigateur utilisait une police par défaut.

Note : Malgré les recommandations du w3C, la police générique fantasy est rarement implémentée sur les systèmes les plus courants.

Il faut utiliser les styles CSS.

Exemple :

select
{
  font-family: Verdana, comic sans ms;
}