Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie das Attribut „font-family'.

不言
Freigeben: 2021-04-20 14:43:37
Original
25425 Leute haben es durchsucht

Das Attribut „font-family“ wird verwendet, um die Schriftfamilie des Elements festzulegen. Erstellen Sie zunächst eine HTML-Beispieldatei und übergeben Sie schließlich den Stil „font-family: 楷体;“, um die Schriftart festzulegen.

So verwenden Sie das Attribut „font-family'.

Die Betriebsumgebung dieses Artikels: Windows 7-System, CSS3-Version, Dell G3-Computer.

Das Attribut „font-family“ wird in CSS verwendet, um die Schriftartfamilie des Elements festzulegen. Wenn Sie die auf der Webseite angezeigte Schriftart angeben möchten, müssen Sie das Attribut „font-family“ festlegen Schauen Sie sich die Verwendung des Attributs „font-family“ genauer an.

font-family kann mehrere Schriftartnamen als „Fallback“-System speichern. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten. Das heißt, der Wert des Attributs „font-family“ ist eine Rangfolgeliste von Schriftfamiliennamen und/oder Familiennamen, die für ein Element verwendet werden sollen. Der Browser verwendet den ersten Wert, den er erkennt.

Sehen wir uns ein konkretes Beispiel an

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷体; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字体设置</p>
  </body>
</html>
Nach dem Login kopieren

Der Effekt ist wie folgt: Wir können sehen, dass die Schriftart kursiv ist

So verwenden Sie das Attribut „font-family.

Was wir beim Festlegen der Schriftart beachten müssen, ist, dass sich die Schriftartform, die wir festlegen möchten, in der Windows-Schriftartbibliothek befinden muss, sonst funktioniert sie nicht Wirkung.

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in anderen verwandten Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Attribut „font-family'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!