Объедините переменные CSS в одну переменную ⇐ CSS

[Anonymous]

Я пытаюсь объединить/составить несколько переменных CSS в одну, которую я могу использовать, но, похоже, это не работает. В частности, я пытаюсь объединить отдельные правила шрифта в один, где я могу затем использовать сокращение шрифтов. Br />

Код: Выделить всё

: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>
Затем в моем CSS я ссылаюсь на переменную CSS, где я объединяю другие переменные: < /p>
body {
font: var(--Body-Font);
}
< /code>
Но я не получаю свой веб -шрифт, как ожидал.  Невозможно ли комбинировать/сочинять? Если я ссылаюсь на семейную переменную шрифтов на свойство font-family 

, все работает нормально. У меня есть регулярные/жирные/полубедниковые/курсивные версии, которые работают с отдельными переменными CSS для каждого, я просто пытаюсь объединить семью, вес и стиль в одну переменную.

Подробнее здесь: https://stackoverflow.com/questions/794 ... e-variable