Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie die Schriftart in CSS

So ändern Sie die Schriftart in CSS

王林
王林Original
2021-05-20 15:21:055512Durchsuche

Die Möglichkeit, die Schriftart in CSS zu ändern, besteht darin, der Schriftart das Attribut „font-family“ hinzuzufügen und die erforderlichen Schriftartattribute festzulegen, z. B. [p.serif{font-family:"Times New Roman",Times,serif;} ].

So ändern Sie die Schriftart in CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wenn wir die Schriftart eines Elements in CSS ändern möchten, ist das eigentlich sehr einfach. Wir können das Attribut „font-family“ verwenden.

Gemeinsame Attributwerte:

  • family-name und generic-family Eine Prioritätenliste für den Schriftfamiliennamen oder/und den Klassenfamiliennamen eines Elements. Standard: Abhängig vom Browser.

  • inherit gibt an, dass die Schriftfamilie vom übergeordneten Element geerbt werden soll.

Werfen wir einen Blick auf den folgenden Codeabschnitt:

<!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>

Laufeffekt:

So ändern Sie die Schriftart in CSS

Verwandte Video-Tutorial-Freigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftart in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn