Maison > Article > interface Web > Comment changer la police en CSS3
Comment changer la police en CSS3
- WBOYoriginal
- 2021-11-26 14:54:482036parcourir
En CSS, vous pouvez utiliser l'attribut "font-family" pour changer la police. La fonction de cet attribut est de spécifier la police de l'élément. Il vous suffit d'ajouter le "font-family:"font name" ; " style à l'élément.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment changer la police en CSS3
En CSS, vous pouvez utiliser l'attribut font-family pour changer la police.
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 courants des familles de polices : par exemple : "serif", "sans-serif", "cursive", "fantasy", "monospace".
Jetons un coup d'œil au fonctionnement spécifique de cet attribut à travers un exemple. L'exemple est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.one{
font-family:"楷体";
}
</style>
</head>
<body>
<div class="one">怎么样改字体样式</div>
</body>
</html>Résultat de sortie :
Ajoutez le style "font-family: "宋体";" élément, et le résultat de sortie est :
Ajoutez le style "font-family:"黑体";" à l'élément, et le résultat de sortie est :
(Partage vidéo d'apprentissage : 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!
Articles Liés
Voir plus- Comment définir le lien en CSS pour ne pas afficher la main de la souris
- Comment définir l'effet de zoom du texte lorsque vous cliquez dessus en CSS
- Comment écrire une bordure dégradée en CSS
- Comment obtenir l'effet de changer la couleur des éléments de gauche à droite en CSS3
- Comment obtenir l'effet de décoloration du tableau de clic de souris en CSS