Comment définir la famille de polices en CSS-Questions et réponses frontales-php.cn

Comment définir la famille de polices en CSS

藏色散人

Libérer： 2023-01-05 16:11:05

original

3798 Les gens l'ont consulté

Comment définir fontfamily en CSS : créez d'abord un exemple de fichier HTML ; puis définissez du texte via la balise p dans le corps ; enfin, transmettez "p.serif{font-family:"Times New Roman",Georgia ; ,Serif }" Définissez simplement la police.

Comment définir la famille de polices en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

font-family spécifie la famille de polices de l'élément.

font-family peut enregistrer plusieurs noms de polices comme système de « secours ». Si le navigateur ne prend pas en charge la première police, il essaiera la suivante. Autrement dit, la valeur de l'attribut font-family est une liste de priorité des noms de famille de polices ou/et des noms de famille de classe à utiliser pour un élément. Le navigateur utilisera la première valeur qu'il reconnaît.

Il existe deux types de noms de famille de polices :

Nom de famille spécifié : le nom d'une police spécifique, telle que : "times", "courier", "arial". Noms de famille de polices typiques : Par exemple : "serif", "sans-serif", "cursive", "fantasy", "monospace"

Astuce : Séparez chaque valeur par une virgule et fournissez toujours un nom de famille comme un dernier recours.

Remarque : L'utilisation d'une famille de polices particulière (Genève) dépend entièrement de la disponibilité de cette famille de polices sur la machine de l'utilisateur ; cet attribut n'indique aucun téléchargement de police. Par conséquent, il est fortement recommandé d’utiliser un nom de famille de polices commun comme solution de secours.

Comment définir la famille de polices en CSS Exemple de code :

<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

</body>
</html>

Copier après la connexion

Effet :

Comment définir la famille de polices en CSS