Maison > interface Web > tutoriel CSS > Comment changer la police en CSS

Comment changer la police en CSS

王林
Libérer: 2023-01-06 11:14:38
original
5584 Les gens l'ont consulté

La façon de changer la police en CSS est d'ajouter l'attribut font-family à la police et de définir les attributs de police requis, tels que [p.serif{font-family: "Times New Roman",Times ,serif; }].

Comment changer la police en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Si on veut changer la police d'un élément en CSS, c'est en fait très simple On peut utiliser l'attribut font-family.

Valeurs d'attribut communes :

  • family-name et generic-family sont une liste de priorités pour le nom de famille de police ou/et le nom de famille de classe d'un élément. Par défaut : Dépend du navigateur.

  • inherit spécifie que la famille de polices doit être héritée de l'élément parent.

Jetons un coup d'œil au morceau de code suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>
Copier après la connexion

Effet de course :

Comment changer la police en CSS

Vidéos associées Partage de tutoriel : tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal