Font Variables breaking font styles

Hey! Did you got any solution for the above mentioned issue? I’m also facing the same, please share if any, Thanks!

Unfortunately, no. I just had to stop using variables for fonts. Had to manually go back and fix everything.

Just adding in a comment here to say that I’m also dealing with this issue to hopefully give it a bit more visibility. We’ve spent months building out our design system, and now, suddenly, when I use the styles on other pages, Figma says it doesn’t recognize the font since the font is appended by its weight (ex., “Roboto, Medium”, and not just Roboto). At this point, it would be such a massive effort to try and go back and fix this, so I’m hoping for a solution to show up that isn’t just “redo everything and don’t use this feature anymore.”

I am also dealing with this. I’ve spent a lot of time building things out and to have fonts change willy-nilly is frustrating for sure. Hoping there is a bugfix for this soon.

Hi there! I see in the backend you have filled out a ticket, and the technical specialist is waiting more information to investigate your issue. Please reply them directly via email. For your reference, your ticket number is #1113993.

For others who may encounter a similar issue, I’d also recommend you to reach out directly to the support team so we can investigate further the root cause of the issue on your end. Please fill out this form: https://help.figma.com/hc/en-us/requests/new

Please use your Figma account email, include a link to the file, and add support-share@figma.com as an Editor, so they can take a closer look. Thank you!

Happening here too. Our font-weight variables (regular, medium, semibold, bold) keep breaking when font-family variable is changed.

we experience same problems, using font variables such as weight and width breaks everything when trying to edit the text and fonts fallback to closest font weight default value, such as regular or bold and font width resets to default.

Please someone take a look, because using font with variables such as weight and width is in our brand style and we are kinda lost now…

Started having the same issue. Font-weight variables is not applied when the text is in style. I need to detach it from the style for the variable to be applied.

Any updates on this? It’s still broken on my end and throwing a wrench in everything.

I don’t know. They wanted me to send a link to the affected file. But I fixed everything by then.

This just started happening to me. Our design system needs multi-brand support. I created paragraph styles earlier this month using variables to define the font-family and font-weight, with values defined for each brand using modes. Initially, it appeared to be working. However, things now break when I apply “body/bold” and change to one of the brand modes. Brand 1 (default/white-labeled brand)'s body font uses Semi Bold, Brand 2 uses Medium, and Brand 3’s font uses Semibold.

If I disconnect the text layer from the style after noticing it appears to be “stuck” while trying to toggle modes, I find that it is trying to apply Semi Bold to Brand 2, which isn’t an option for that font, instead of applying the value outlined for that mode.

Bumping. Currently have a similar font rendering issue with Open Sans. It keeps change Regular to Condensed Regular. 
 

Ive reported it in Figma and opened a ticket. 

I’ve also experienced this with Open Sans

Using Bold in the component and displays condensed version in any instance. This occurs without any library updates in other files using the library.

The component has the variable ‘bold’ = 700 assigned and looks good

The instance has an error and is not using the assigned variable of the component

If I detach the font-weight variable it shows that it is using a condensed version.

Stefan Reichert wrote:

I’ve also experienced this with Open Sans

Using Bold in the component and displays condensed version in any instance. This occurs without any library updates in other files using the library.

 

The component has the variable ‘bold’ = 700 assigned and looks good

 

 

The instance has an error and is not using the assigned variable of the component

 

If I detach the font-weight variable it shows that it is using a condensed version.

 

Hi Stefan, are you using a font that’s managed by the organization/team, or using the local Google font? We’ve seen a problem from users with the organization font, but wanted to see if it happens just with local Google fonts too.

Hi Yuan,

we don’t have any fonts installed in our (Enterprise) organization in Figma.
I also have only installed light, regular, semibold, and bold locally on macOS (latest). There is no condensed or light installed.

I’m using the desktop application, but just verified it in the browser as well.

If I deactivate the local installed Open Sans, it works again. I assume it falls back to the ‘Figma cloud controlled’ Open Sans directly from Google. But a lot of users have Open Sans installed on their computer, because it is our main digital font used in other applications as well.
 

Thanks
Stefan

​@Stefan Reichert ​@Yuan Tian I have exactly the same issue (regular font weight converts to condensed with a font-weight variable of 400) and also reported a bug to Figma today. It worked for over half a year with expressing font weights via number variables. We did not change anything, no new type installation, no new variables. It must have been a thing Figma changed within one of the last updates. At us, it only appears if I create an instance with a font variable in the component attached. If I create a text and apply a font variable outside of a component, it looks ok.

Narrowed it down: for us, it does not happen when applying a text style that includes font weight.

It only happes when breaking the style - or applying individual variables for font-weight at a new text layer.

It has been fixed by Figma yesterday and works again for us. I hope for you too.

Yes, works again. Thanks for the heads up.

Stefan