Wie kann ich mehrere Schriftstärken mit einer einzigen @font-face-Deklaration importieren?

Abfragen mehrerer Schriftstärken mit einer einzigen @font-face-Deklaration

Das Importieren mehrerer Schriftvarianten mit unterschiedlichen Stärken kann mühsam sein, wenn man sich auf einzelne Schriftarten verlässt @font-face-Blöcke. CSS bietet eine Lösung, die diese Varianten in einer einzigen Deklaration kombiniert.

Implementieren einer einzelnen @font-face-Abfrage

Der Schlüssel dazu ist die spezifische Syntax der @font-face-Deklaration, die eine durch Doppelpunkte getrennte Liste von Eigenschaften der Schriftstärke, des Schriftstils und der Schriftfamilie akzeptiert. Hier ist ein Beispiel:

@font-face {
  font-family: "Klavika";
  src: url("Klavika-Bold.otf") weight:bold, url("Klavika-Light.otf") weight:light;
}

Durch die Angabe der Stärke, des Stils und der Familieneigenschaften auf diese Weise können mehrere Schriftartvarianten gleichzeitig importiert werden.

Beispielverwendung

Diese Methode ermöglicht eine flexible Gestaltung mit individuellen Schriftstärken:

h1 { font-weight:bold; font-family: Klavika; }
p { font-weight:light; font-family: Klavika; }

Zusätzlich können Sie die Standard-@font-face-Syntax nutzen, um andere Schrifteigenschaften wie src und format anzugeben.

Weiterführende Literatur

Eine ausführliche Erkundung dieser Funktion finden Sie in der bereitgestellten Online-Ressource, die eine detailliertere Darstellung und zusätzliche Beispiele bietet.

Das obige ist der detaillierte Inhalt vonWie kann ich mehrere Schriftstärken mit einer einzigen @font-face-Deklaration importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!