Allow Setting Font Family with a CSS Variable

Feature Requests / Improvements
1

I would like the ability to set an element’s font family using a CSS variable. For instance, var(–font-family-text) or var(–font-family-heading). Right now, you have to select a specific font from a dropdown and essentially hardcode it. Ideally, this would work the same way as how the font weight field works where you can add your own. I’ve found that during the development process I will need to adjust font families and having to go back around the entire site to change individual elements is cumbersome.

And also, allowing a CSS variable for text transform would be great too.

2 Likes
2

That would be great to add to the UI. I’m doing it with Custom CSS in the meantime.

1 Like
3

+1

For now I am doing it like this with a class:

.font-heading {
  font-family: var(--font-heading);
}