Kombinieren Sie CSS -Variablen zu einer Variablen
Posted: 21 Feb 2025, 21:46
Ich versuche, mehrere CSS -Variablen zu einem zu kombinieren, das ich verwenden kann, aber es scheint nicht zu funktionieren. Insbesondere versuche ich, separate Schriftregeln in eine zu kombinieren, in der ich dann die Schriftkutschkurzform verwenden kann. Br /> verweist, funktioniert alles einwandfrei. Ich habe regelmäßige/fett-/halb-/kursive Versionen, die alle mit einzelnen CSS-Variablen arbeiten. Ich versuche nur, Familie, Gewicht und Stil zu einer Variablen zu kombinieren.
Code: Select all
:root {
--Font-Family-Regular: 'my-custom-web-font', verdana, sans-serif;
--Font-Family-Regular-Weight: 400;
--Font-Family-Regular-Style: normal;
--Body-Font:
var(--Font-Family-Regular-Style)
var(--Font-Family-Regular-Weight)
var(--Font-Family-Regular);
}
}
< /code>
Dann verweist ich in meinem CSS auf die CSS -Variable, in der ich andere Variablen kombiniere: < /p>
body {
font: var(--Body-Font);
}
< /code>
, aber ich bekomme meine Webschrift nicht, wie ich es erwarten würde. Ist das Kombinieren/Komponieren so nicht möglich?
Die Web -Schriftarten laden gut. Wenn ich auf eine Schriftfamilie-Variable auf einer Schriftfamilie