Setzen Sie das Schriftgewicht mit Bootstrap-Klassen
In dieser Beschreibung wird Folgendes beschrieben:
- Einstellen des Schriftgewichts mit dem Bootstrap 4-Klassen einstellen
- Einstellen des Schriftgewichts mit Bootstrap 5-Klassen
Einstellen des Schriftgewichts mit dem Bootstrap 4-Klassen einstellen
In Bootstrap 4 wird das Schriftgewicht der Elemente mit mehreren Klassen angepasst. Für die praktische Demonstration gehen Sie die folgenden Abschnitte durch.
Wie man Schriftart normal in Bootstrap 4 macht?
Der "Schriftgewicht-normalDie Klasse wird verwendet, um den normalen Text zu erstellen. Diese Klasse hat ein vordefiniertes CSS “Schriftgewicht”Eigenschaft mit dem Wert“400”.
Beispiel
Füge hinzu ein "Element mit einem Text und zuweisen Sie es die “Schriftgewicht-normal" Klasse.
Html
Schriftgewicht-normal
Ausgang
Wie man Schriftart leicht in Bootstrap 4 macht?
Der "Schriftlichtlicht”Klasse macht den Text dünn. Es hat ein vordefiniertes CSS “Schriftgewicht”Eigenschaft mit dem Wert“300”.
Beispiel
Fügen Sie im laufenden Beispiel die Klasse "Schriftgewichtslicht" zur "hinzu"
" Element:
Html
Schriftlichtlicht
Ausgang
So machen Sie Schriftarten in Bootstrap 4 fett?
Der "Schriftdicke: fettDie Klasse wird verwendet, um mutigen Text zu erstellen. Es verfügt über eine vordefinierte CSS-Eigenschaft „Schriftgewicht“ mit dem Wert “700”.
Beispiel Html Schriftdicke: fett Ausgang Wie man Schriftart in Bootstrap 4 zum Italic macht? Der "Schriftfont-ititalDie Klasse wird verwendet, um die Schrift im kursiven Stil zu machen. Es hat ein vordefiniertes CSS “Schriftstil”Eigenschaft mit dem Wert“kursiv”. Beispiel " Schild: Html Schriftfont-itital Ausgang Einstellen des Schriftgewichts mit Bootstrap 5-Klassen Mit Bootstrap 5 werden die folgenden Klassen verwendet, um das Schriftgewicht verschiedener Elemente anzupassen. Wie man Schriftart normal in Bootstrap 5 macht? Der "FW-normalDie Klasse wird verwendet, um den normalen Schriftartenstil des Textes zu gestalten. Es verfügt über eine vordefinierte CSS-Eigenschaft „Schriftgewicht“ mit dem Wert “400”. Beispiel " Element: Html FW-normal Ausgang Wie man Schriftart in Bootstrap 5 fett macht? Der "Schriftdicke: fettDie Klasse wird verwendet, um den Text fett zu machen. Es hat ein vordefiniertes CSS “Schriftgewicht"Klasse mit dem Wert"700”. Beispiel " Schild. Html fw-bold Ausgang Wie man Schriftart mutiger in Bootstrap 5 macht? Der "FW-BolderDie Klasse wird verwendet, um den Text kühner zu machen. Es hat ein vordefiniertes CSS “Schriftgewicht"Mit dem Wert"mutiger”. Beispiel " Element. Html FW-Bolder Ausgang Wie man Schriftart leicht leichte in Bootstrap 5 macht? Der "SchriftlichtlichtDie Klasse wird verwendet, um den Text leicht zu machen. Es hat einen vordefinierten Stil von “Schriftgewicht"Einen Wert von" haben "300”. Beispiel " Element. Html FW-Licht Ausgang Wie man Schriftart leichter in Bootstrap 5 macht? Der "SchriftlichthellerDie Klasse wird verwendet, um den Text leichter zu machen. Es hat einen vordefinierten CSS -Stil “Schriftgewicht”Eigenschaft mit dem Wert“Feuerzeug”. Beispiel " Element. Html FW-leichter Ausgang Wie man Schriftart Style in Bootstrap 5 normal macht 5? Der "fst-normalDie Klasse wird verwendet, um den normalen Text zu erstellen. Es hat einen vordefinierten CSS -Stil “Schriftstil”Eigenschaft mit dem Wert“normal”. Beispiel " Element. Html fst-normal Ausgang Wie man Schriftstil in Bootstrap 5 isoliert macht 5? Der "FST-IT-ITDie Klasse wird verwendet, um den Text einen kursiven Stil zu machen. Es hat einen vordefinierten Stil von “Schriftstil”Eigenschaft mit dem Wert“kursiv”. Beispiel "Element mit der Klasse" FST-ITitalic ". Html FST-IT-IT Ausgang Das ging darum, Schriftgewicht mit Bootstrap-Klassen festzulegen. Abschluss Bootstrap 4 bietet mehrere Klassen, um das Schriftgewicht des Elements festzulegen. Diese beinhalten, "Schriftgewicht-normal","Schriftlichtlicht","Schriftdicke: fett", Und "Schriftfont-itital”. In Bootstrap 5 die “FW-normal","fw-bold","FW-Licht","FW-Bolder”, Und mehr werden verwendet. In diesem Artikel wurde erklärt, wie das Schriftgewicht mit Bootstrap-Klassen festgelegt wird.
Ergänzen Sie die "Schriftdicke: fett"Klasse zum"
Ergänzen Sie die "Schriftfont-itital"Klasse zum"
Ergänzen Sie die "FW-normal"Klasse zum"
Fügen Sie die "fw-bold" -Klasse zum "hinzu"
Fügen Sie die Klasse "Schriftgewichtsbolder" zur "hinzu"
Fügen Sie die "FW-Light" -Klasse zum "hinzu"
Fügen Sie der HTML "FW-leichter" hinzu “
Weisen Sie der "FST-normal" -Klasse der "zu"
Zuweisen Sie die “