Skip to main content

We have a rather big Design system UI kit where we recently switched from Font styles to a local variable setup for Typography (skipping styles all together). And now the performance went really bad, as in a state where you can’t work with it. 😔


We’ve nailed the issue down to Font-family variables, which uses String. If we remove these (as in don’t use any variables for Font-family), everything is back to normal and the file is performant again.


Potentially Font-weight was also a factor, but we’ve moved from String to Number variables here and it seem to work fine.


Did any one else have issues with this and how did you approach/solve it?

Yes we (also quite big DS) are facing the same issues. Large projects using our components now facing issues with memory running low and quite laggy performance.


Reply