Skip to main content

Hello dear community,

I hope for your input to solve this very particular problem which is giving me a headache since quiet a while. In my companies design system we utilize Modes to alter the font styles across all viewports. Everything is defined to be responsive, except the font-weight. The font weight is defined on a global scale on our primitive level.


My companies Font is Helvetica Display Now. Which is running in OTF format on my Mac. When using this font in Figma a strange behavior happens: 
 

When applying the correct font weight in the variable for regular as specified in the MDN documentaiton an extra bold font is outputted. To make it even more strange when I apply the string variable “Regular” this happens:

 

The Font is rendered in the correct weight, but no token is applied in the font weight. I know this is a common problem, because only tokens setup as a number are outputted in the dev mode for font weight.

This causes friction between developers and design system teams because they don´t know which variable to apply and I would expect it to be displayed properly in the dev mode inspect.

To make it even more strange - the numeric values for font weight also render correctly in the browser:
 

So the issue is only in Figma for this particular font weight :/

Is there any way to fix this? I already tried to deinstall the affected font weights and reinstalling them. 

Help is very much appreciated!

Be the first to reply!