Heim > Artikel > Web-Frontend > So passen Sie die Schriftart in CSS an
So passen Sie die Schriftart in CSS an
- 藏色散人Original
- 2021-02-03 10:07:0616651Durchsuche
So passen Sie Schriftarten in CSS an: 1. Verwenden Sie das Attribut „font-family“, um die Schriftfamilie des Elements anzugeben. 2. Verwenden Sie das Attribut „font-weight“, um die Dicke des Texts festzulegen die Farbe des Textes.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
In CSS können Sie mit „font-family“ den Schriftstil ändern, mit dem Attribut „font-weight“ die Schriftstärke ändern und mit dem Attribut „color“ die Schriftfarbe innerhalb des Elements ändern Festlegen des CSS-Stils des Elements, in dem sich der Text befindet.
Im Folgenden werden mehrere Attribute zum Ändern von Schriftarten vorgestellt:
1.font-family-Attribut
font-family gibt die Schriftfamilie des 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“
2. Das Attribut „font-weight“ legt die Dicke fest der Text.
Beschreibung
Mit diesem Attribut wird die Fettschrift festgelegt, die im Text des Anzeigeelements verwendet wird. Der numerische Wert 400 entspricht dem Schlüsselwort normal und 700 entspricht fett. Die Fettschrift für jeden Zahlenwert muss mindestens so dünn sein wie die nächstkleinere Zahl und mindestens so dick wie die nächstgrößere Zahl.
3. Farbattribut
Das Farbattribut gibt die Farbe des Textes an.
Hinweis: Bitte verwenden Sie eine sinnvolle Kombination aus Hintergrundfarbe und Textfarbe, um die Lesbarkeit des Textes zu verbessern.
Beispiel zum Ändern von Schriftarten in CSS:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV+CSS怎么样改字体样式</title>
<style>
.one{
font-family:"微软雅黑"; //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px; //字体大小
color:red; //字体颜色
font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900
}
</style>
</head>
<body>
<div class="one">DIV+CSS怎么样改字体样式</div>
</body>
</html>Empfohlen: „
CSS-Video-TutorialDas obige ist der detaillierte Inhalt vonSo passen Sie die Schriftart in CSS an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!