Comment trouver des noms de famille de polices pour CSS

Les noms de famille de polices identifient les polices dans les feuilles de style en cascade, ou CSS. Étant donné que de nombreuses polices ont des variantes, les concepteurs utilisent le nom de famille, comme Arial, Helvetica ou Verdana, plutôt que le nom spécifique d'une police, comme Arial Black ou Verdana Bold. Trouver le nom de famille d'une police est simple car le nom de famille est le nom que la police et toutes ses variantes ont en commun. Il existe des familles de polices génériques, telles que sans serif et monospace, qui, lorsqu'elles sont nommées en CSS, permettent au navigateur de choisir une police par défaut dans le style indiqué.

Étape 1

Cliquez sur le bouton "Démarrer" de votre barre des tâches, tapez "polices" dans la barre de recherche et appuyez sur "Entrée" pour ouvrir votre dossier Polices. Recherchez la police que vous souhaitez utiliser et notez son nom. Par exemple, Arial --- une police Windows courante --- a de nombreuses variantes de police, ainsi qu'un nom générique de "Arial". Utilisez le nom de famille de polices Arial pour utiliser la police générique Arial ou spécifiez Arial Narrow pour utiliser cette police spécifique. En pratique, vous devez utiliser un nom de famille de police générique pour la plupart du corps du texte d'un site, puis utiliser des polices plus spécifiques pour les en-têtes.

Étape 2

Ajoutez un nom de famille de polices générique à votre pile de polices. Les piles de polices sont des listes de familles de polices en CSS, et les concepteurs Web les utilisent comme polices de sauvegarde lorsque les visiteurs n'ont pas installé la police préférée sur leur ordinateur. Utilisez le nom générique « serif » pour terminer les piles de polices qui commencent par des polices à empattement comme Georgia ou Times New Roman, et utilisez « sans-serif » pour terminer les piles de polices qui commencent par des polices comme Helvetica ou Verdana. Les autres noms génériques incluent « monospace », « cursive » et « fantaisie ». Notez que les noms de famille de polices génériques ne sont pas pertinents lorsque vous intégrez une police à l'aide de @font-face.

Ajoutez des guillemets autour des noms de famille de polices comportant plus d'un mot. Les noms de police à un seul mot comme Arial ou Georgia ne nécessitent pas de guillemets. Vous pouvez utiliser des guillemets simples ou doubles, mais soyez prudent lorsque vous mélangez les types de guillemets car cela peut entraîner des erreurs. Voici un exemple de la façon dont les polices sont nommées en CSS :

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

La pile de polices ci-dessus spécifie que le navigateur doit d'abord rechercher Helvetica Neue. Les concepteurs choisissent cette police car elle n'existe pas sur les ordinateurs Windows qui affichent Helvetica ordinaire d'une manière laide. Les utilisateurs de Windows verront Arial. Tous les autres utilisateurs verront une police sans-serif par défaut basée sur les paramètres du navigateur.