CSS - Verschiedene Schriftarten innerhalb einer Schriftart verwenden?

Nachdem ich mich mehr mit Typografie beschäftigt habe, habe ich den Unterschied zwischen einer Schriftart und einer Schriftart gelernt :)

Ich würde gerne wissen, wie ich die Schriftarten „Arial Black“ oder „Arial Narrow“ innerhalb von CSS nennen kann? Die Einstellung der Schriftfamilie tut es nicht. Ist dies die Einstellung für die Schriftstärke?

Antworten (3)

Zumindest was CSS betrifft, handelt es sich um unterschiedliche Schriftfamilien.

Beachten Sie, dass Sie, wenn der Schriftartname Leerzeichen enthält, ihn in Anführungszeichen setzen müssen:

font-family: Arial;
font-family: "Arial Black";
font-family: "Arial Narrow";

Sie können die fetten oder kursiven Schriftarten in einer Familie wie dieser auswählen:

font-family: Arial;
font-weight: bold;
font-style: italic;

Wenn eine Familie keine fetten/kursiven/fett-kursiven Schriftarten enthält, werden sie durch Verzerren der Basisschrift simuliert. Dies sollte vermieden werden, da es normalerweise nicht gut aussieht.

Ja. Leider war das W3C nicht bündig mit Typografie-Leuten, als diese Dinge in CSS eingebaut wurden, also ist es eine unangenehme Situation.
Die Wiedergabe verschiedener Stile durch den Browser wird jedoch mit der Zeit besser. Schließlich können wir möglicherweise eine Schriftartdatei laden und das integrierte Browser-Rendering für die anderen Schriftarten verwenden, wodurch Ladezeit eingespart werden kann

Sie können "Arial Black" oder "Arial Narrow" in Ihren Schriftartenstapel einfügen (stellen Sie sie voran, wenn Sie möchten, dass sie die Standardeinstellung sind), aber wenn der Benutzer sie nicht installiert hat, ersetzt ihr Browser die erste Schriftart, die sie haben Eingerichtet.

Sie können die Schriftart für Benutzer mit @font-face erzwingen, aber das erfordert einige Konfiguration. Ein guter Ort, um nachzulesen, wie man das macht, ist http://www.fontsquirrel.com .

Die Eigenschaft font-family gibt die Schriftart für ein Element an. Außerdem muss die Schriftart auf dem Betriebssystem des Endbenutzers installiert sein. Aus diesem Grund werden Schriftstapel mit mehreren Fallbacks bis hinunter zu serifund verwendet sans-serif. font-style gibt den Stil der Schriftart an, z. B. kursiv oder schräg. font-weight gibt die Gewichtung fett, normal, heller, schwerer an oder kann als numerischer Wert ausgedrückt werden.

body {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
font-style: italic;
}
CSS - Verschiedene Schriftarten innerhalb einer Schriftart verwenden?
AntwortenHierDatenschutz-Bestimmungen1y, 0v