Wie kombiniert man Fett und Kursiv in CSS?
Dieses W3Schools-Tutorial hat mir gezeigt, wie man die CSS-Eigenschaft font-style verwendet, um Text fett zu machen (entspricht <b&g>this</b> in altmodischem HTML) und wie Text kursiv (entsprechend <i>this</i> in altmodischem HTML) gemacht wird.
Ich kann jedoch scheinbar nirgends finden, wie Text beide Eigenschaften gleichzeitig haben soll (entspricht <b><i>this</i></b> in altmodischem HTML).
Gibt es eine Möglichkeit, dies mit reinem CSS zu tun?
Ich habe das probiert:
font-style: italic bold;
Das Ergebnis war, dass die Seite beide Eigenschaften ignorierte, und es war, als hätte ich diese Eigenschaft überhaupt nicht angegeben.
Ich habe die gleichen Ergebnisse erhalten, als ich dies versuchte:
font-style: italic, bold;
Ich habe ein anderes Ergebnis erhalten, als ich dies versuchte:
font-style: italic; bold;
Diesmal passierte es, dass der erste vorgegebene Stil (kursiv) verwendet wurde, der zweite jedoch (fett) ignoriert wurde.
Kann das mit reinem css gemacht werden?
Du warst nah.
italic wird mit font-style verwendet, wohingegen Fett mit font-weight verwendet wird.
Benutzen:
font-weight: bold;
font-style: italic;
font-style ist eine Eigenschaft mit einem einzigen Wert. bold ist ohnehin das Schriftgewicht. Um mehrere Werte zu kombinieren, können Sie die Kurzvariable font verwenden. Die Kurzvariable font enthält jedoch folgende Einträge: font-size und font-family. Wenn Sie beide nicht in die Abkürzung aufnehmen, wird die Eigenschaft ignoriert.
Fügen Sie diese in Ihrer font-Kurzform zusammen mit italic bold ein und es sollte funktionieren.
Ein weiterer Grund, warum W3Schools schlecht ist, sollten Sie font-weight verwenden, um fett und font-style einzustellen, um Kursiv zu setzen.
font-weight: bold;
font-style: italic;
Mit diesen beiden Eigenschaften können Sie eine kursive und fette Schrift verwenden
font-style : italic
font-weight : bold
font-weight doc: W3Schools font-weight
schriftstil-Dokument: W3Schools Schriftstil
Bitte schauen Sie sich diesen Code an:
font: italic bold 12px/30px Georgia, serif;