Kombinieren Sie CSS -Variablen zu einer VariablenCSS

CSS verstehen
Anonymous
 Kombinieren Sie CSS -Variablen zu einer Variablen

Post by Anonymous »

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 />

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 
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.

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post