Comment changer la police en CSS3-tutoriel CSS-php.cn

Comment changer la police en CSS3

WBOY

Libérer： 2021-11-26 14:54:48

original

2016 Les gens l'ont consulté

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.

Comment changer la police en CSS3

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>

Copier après la connexion

Résultat de sortie :

Comment changer la police en CSS3