Heim >Web-Frontend >Front-End-Fragen und Antworten >So verwenden Sie die CSS-Eigenschaft „font-family'.
So verwenden Sie die CSS-Eigenschaft „font-family'.
- 藏色散人Original
- 2019-05-27 17:56:174347Durchsuche
Das CSS-Attribut „font-family“ wird verwendet, um die Schriftart eines Elements anzugeben. „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.
Wie verwende ich das CSS-Attribut „font-family“?
Attributdefinition und Verwendungsanweisungen
Schriftart – Das Familienattribut gibt die Schriftart eines Elements 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.
Es gibt zwei Arten von Schriftfamiliennamen:
Familienname – angegebener Familienname:
Der Name einer bestimmten Schriftart, z : „times“, „courier“, „arial“.
generic-family – Gängige Schriftfamiliennamen:
Zum Beispiel: „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace.
Die Verwendung einer bestimmten Schriftfamilie (Geneva) hängt vollständig von der Verfügbarkeit dieser Schriftfamilie auf dem Computer des Benutzers ab; dieses Attribut weist nicht auf einen Schriftarten-Download hin, daher wird die Verwendung eines generischen Schriftfamiliennamens als Ersatz dringend empfohlen
Hinweis:Trennen Sie jeden Wert durch ein Komma
Hinweis:Wenn der Schriftartname Leerzeichen enthält, muss er bei Verwendung des „style“-Attributs in HTML in Anführungszeichen gesetzt werden. , einfache Anführungszeichen müssen verwendet werden Standardwert: nicht angegeben
Vererbung: ja
Version: CSS1
JavaScript-Syntax: object.style.fontFamily="arial,sans-serif"
family-name, eine Prioritätenliste für den Schriftfamiliennamen oder/und den Klassenfamiliennamen eines Elements >generic-family, Standard: browserabhängig
inherit gibt an, dass die Schriftfamilie vom übergeordneten Element geerbt werden soll.
gibt die Schriftart des Absatzes an:<!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> Wirkung:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft „font-family'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!