Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie das Attribut „font-family“.

So verwenden Sie das Attribut „font-family“.

不言
不言Original
2019-02-13 17:44:0325428Durchsuche

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>

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!

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

In Verbindung stehende Artikel

Mehr sehen