Schriftfamilie bedeutet in CSS „Schrifttyp, Schriftfamilie festlegen“. Es kann die Schriftart eines Elements angeben „Fallback“-System zum Speichern, und wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten.
(Empfohlenes Tutorial: CSS-Video-Tutorial)
css-Schriftartfamilienattribut
font – 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. Das heißt, der Wert des Attributs „font-family“ ist eine Rangfolgeliste von Schriftfamiliennamen und/oder Klassenfamiliennamen, die für ein Element verwendet werden sollen. Der Browser verwendet den ersten Wert, den er erkennt.
Es gibt zwei Arten von Schriftfamiliennamen:
Angegebener Familienname: der Name einer bestimmten Schriftart, wie zum Beispiel: „times“, „courier“, „arial“.
Übliche Schriftfamiliennamen: Zum Beispiel: „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace“
Tipp: Trennen Sie jeden Wert durch ein Komma und geben Sie immer eine Klasse an Familienname als letztes Mittel.
Syntaxformat:
css-Syntax:
font-family:字体1,字体2,...;
JavaScript-Syntax:
object.style.fontFamily="arial,sans-serif"
Die Verwendung einer bestimmten Schriftfamilie (Geneva) hängt vollständig davon ab, ob die Schriftfamilie auf dem Computer des Benutzers verfügbar ist herunterladen . Daher wird dringend empfohlen, als Ersatz einen gemeinsamen Schriftfamiliennamen zu verwenden.
Beispiel:
<!DOCTYPE html><html><head><meta charset="utf-8" />
<title>css font-family属性设置元素的字体</title>
<style type="text/css">
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style></head><body><h1>font-family</h1>
<p class="serif">这里是“Times New Roman”字体</p>
<p class="sansserif">这里是 “Arial”字体</p>
</body>
</html>Laufendes Ergebnis:
Weitere Programmierkenntnisse finden Sie unter: Programmierunterricht! !
Das obige ist der detaillierte Inhalt vonWas bedeutet Schriftfamilie in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
