Define a font-set for variable fonts #2374
schmidtflo
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hey!
As variable fonts are on the rise and also the first tailwind utilities are available, I'm curious if the current font system should be recreated somehow.
What's the reason you might ask?
Currently, we can set all the "basic" font settings (like size, weight, italic/non-italic, tracking) via separated classes. So far so good. With the rise of variable fonts, we could additionally add an infinite amount of options. See for example the
CASL
setting in recursive sans. Of course not all hypothetically possible variables should be added to the core. But at the moment I have to create my own helpers for them, that's totally okay!But. When it comes to implement it in the design, I typically have just a few font setting combinations. In recent projects from work my designer defined around 8 font styles that are available on a site. But I have to remember all of the font setting combinations I have defined. Or I need to create a completely new font system based on tailwind classes. Without doing this, it would be easy to break out of my design system - which Tailwind doesn't allow in other areas (eg. spacings) and which is great!
So what I suggest would be a new additional setting to create "pre-made" styles for the fonts, which can use existing classes and can be added with custom variables. But included in the core, not via self-created classes. How this could look like in the syntax? I don't have an idea yet. Maybe my idea in general is stupid... What do you think?
Beta Was this translation helpful? Give feedback.
All reactions