FAQ CSSConsultez toutes les FAQ

Nombre d'auteurs : 17, nombre de questions : 59, dernière mise à jour : 30 mars 2017 

 
OuvrirSommaireTechniquesTypographiePolices

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:

Code CSS
Sélectionnez

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

Mis à jour le 8 octobre 2012  par Bisûnûrs

Lien : Pourquoi faut-il ajouter une famille de police générique avec la propriété font-family ?

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:

Code CSS
Sélectionnez

span {
  font-weight: bold;
}
Mis à jour le 18 septembre 2009  par Bisûnûrs, Macmillenium

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.

Nom de la famille Commentaire Exemple de police
serif Il s'agit de police avec empattement (l'extrimité des lettres est ornée).
Ces polices sont réputées être plus agréables pour une lecture sur papier
Times New Roman
sans-serif Il s'agit de police sans empattement (l'extrêmité des lettres est droites).
Ces polices sont réputées être plus agréables pour une lecture sur un écran et favorisent une lecture plus rapide.
Arial
cursive Il s'agit de police imitant une écriture manuscrite (les lettres d'un même mot sont reliées entre elles). Corsiva
fantasy Il s'agit de police fantaisiste, à priori moins lisible mais plus esthétiques Cottonwood
monospace Il s'agit de police à pas fixe. C'est à dire que chaque caractère occupe une largeur fixe l'écran (un i et un w occupent le même espace).
Ces polices sont souvent utlisées pour présenter du code.
Courrier New

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

Créé le 29 février 2008  par Swoög, MasterOfChakhaL

Il faut utiliser les styles CSS.

Exemple :

 
Sélectionnez

select
{
  font-family: Verdana, comic sans ms;
}        
        
Créé le 27 juillet 2006  par Jérôme
  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.