Neben schönen Hintergründen und Farben sind auch Schriftarteneinstellungen ein wichtiger Bestandteil des Webdesigns. Passende Schriftarten machen die Seite nicht nur schöner, sondern verbessern auch das Benutzererlebnis. CSS bietet eine Reihe von Eigenschaften zum Festlegen von Textschriftstilen, z. B. zum Ändern von Schriftarten, zum Steuern von Schriftgröße und -stärke usw.
Durch das Erlernen der oben genannten CSS-Eigenschaften können wir Schriftart, Größe, Stil, Kursivschrift, Fettdruck usw. für den Text in HTML festlegen.
1. Schriftfamilie
Das Attribut „font-family“ wird verwendet, um die Schriftart eines Elements festzulegen. Die Schriftart ist Song, Kai usw.
Über das Attribut „font-family“ können mehrere Schriftarten gleichzeitig deklariert werden, und die Schriftarten werden durch Kommas getrennt. Nach dem Font-Calling-Prinzip wird zuerst die erste Schriftart aufgerufen. Wenn keine Schriftart gefunden wird, wird die nächste Schriftart aufgerufen.
Beispiel:
Legen Sie beispielsweise die Schriftart für den Text im folgenden <p>-Tag fest:
<p>dotcpp-Programmierung</p>
Sie können einen Tag-Selektor verwenden und ihn dann im Attribut „font-family“ festlegen:
p{font-family:'TimesNewRoman','sans-serif',宋体,楷体;}Bei der Deklaration von Schriftarten sollten wir englische Schriftarten und chinesische Schriftarten getrennt deklarieren, und die Deklaration englischer Schriftarten sollte vor den chinesischen Schriftarten erfolgen. Weil die meisten chinesischen Schriftarten zwar englische Buchstaben enthalten, diese aber nicht sehr schön sind, während englische Schriftarten keine chinesischen Schriftzeichen enthalten. Wenn wir also keine chinesischen Schriftarten zur Anzeige von Englisch verwenden möchten, müssen wir daran denken, zuerst die englischen Schriftarten zu deklarieren. Der zuerst deklarierte wird zuerst aufgerufen.
Häufig verwendete englische Schriftarten: Arial, Helvetica, Tahoma, Verdana, Lucida Grande, Georgia usw.
Häufig verwendete chinesische Schriftarten: SimSun, SimHei, Microsoft YaHei, FangSong, KaiTi usw.
2.Schriftstil
Schriftstil legt den Schriftstil fest. Sie können die Schriftart auf Kursivschrift, Kursivschrift oder Normalschrift einstellen. Eine kursive Schriftart wird normalerweise als einzelne Schriftart innerhalb einer Schriftfamilie definiert.
Allgemeine Attributwerte für diese Gattung sind wie folgt:
3.Schriftstärke
Das Attribut „font-weight“ legt die Fettstärke der Schriftart fest, die im Text des angezeigten Elements verwendet wird.
Allgemeine Eigenschaftswerte für diese Eigenschaft sind wie folgt:
4.Schriftgröße
Das Attribut „font-size“ wird verwendet, um die Größe der Schriftart festzulegen. Die häufig verwendete Einheit ist px, also Pixel.
px ist die Abkürzung für Pixel, die kleinste Einheit digitaler Bilder oder Grafiken, die auf einem digitalen Anzeigegerät angezeigt und dargestellt werden kann. Pixel ist die grundlegende logische Einheit in der digitalen Grafik, und Pixel wird auch als Bildelement bezeichnet.
5. Schriftartvariante
Das Attribut „font-variant“ kann die englischen Kleinbuchstaben im Text in Kapitälchen umwandeln (die konvertierten Großbuchstaben haben eine ähnliche Größe wie die Kleinbuchstaben vor der Konvertierung und werden daher als Kapitälchen bezeichnet). Optionale Werte für das Attribut „font-variant“ sind wie folgt:
6. Schriftart
Das Schriftartattribut wird verwendet, um alle Schriftartattribute in einer Deklaration festzulegen, wobei die einzelnen Attribute durch Leerzeichen getrennt werden. Das heißt, das umfassende Abkürzungsattribut der oben genannten Attribute.
Wenn wir das Attribut „font“ verwenden, um den Schriftstil festzulegen, lautet die Einstellungsreihenfolge: Schriftstil, Schriftvariante, Schriftstärke, Schriftgröße/Zeilenhöhe, Schriftfamilie. Es ist nicht erforderlich, einen der Werte festzulegen, und die nicht festgelegten Eigenschaften verwenden ihre Standardwerte.