Skip to main content
Question

Missing font style when variables change


I really like the new variables feature but currently I’m struggling with it… I built some components, where I used variables within the text. When the value of the variable changes, the text style changes, more precisely the individual font will be removed. Is this a bug or does anyone has a hint for me?

This topic has been closed for comments

52 replies

Ryan_52
Figmate
  • Technical Quality Specialist
  • 382 replies
  • June 23, 2023

Hi @anon25274645 that sounds odd. Can you please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to include a screen recording of the issue you are seeing, include the links to your file, and share it with support-share@figma.com so they can take a closer look.


IraX
  • New Participant
  • 145 replies
  • June 23, 2023

Same thing is happening to me. Already reported to support.

Example file:

Figma – 23 Jun 23

DavidTC
  • 21 replies
  • June 27, 2023

Same here, hope they fix it soon.


Vargen
  • 2 replies
  • June 27, 2023

+1
Apart from this issue, variables are the best addition ever!


victoria.souza

I’ve also been struggling with this issue.


Key_Lukin

Same here. Weirdly enough it happens not every time, but like 80% of a time. We have 2 custom fonts we use regularly, and in one file both of the fonts are reset, in other files only one of them is reset. I recorded a Loom (no sound) to capture this occurring. Interestingly enough it doesn’t happen with Inter.


Daniel_Cullinan

This is happening to me too. I’m using a radio input to change the value of a text variable, which is then displayed on the page as a heading (“Chosen option: <variable>”)

When the prototype first loads the font is correct, but as soon as I change the variable text via the radio, it changes to Inter.

I remember a similar bug when interactive components first launched: Missing fonts in prototype - Interactive components


Lukas_Jurcicek

I have the same problem.


Rudel
  • 5 replies
  • June 29, 2023

Same here 😦


  • 1 reply
  • June 29, 2023

I’m also struggling with this problem.


Leslie_Winston

It’s happening to me across multiple projects 😦 Please fix!!!


zhukaiqiang

I have the same problem.


Juraj_Weszter

Same here.


  • 31 replies
  • July 5, 2023

@Figma_Support
Do you have any update on the issue?


I received an email from the support last week saying that developers are analyzing this issue.


gingerdan

Having the same issue here, noticed that the prototype is throwing 400’s when trying to load the font from the figma api. If you look in the dev tools on your prototypes is this a consistent issue? I have all of the fonts loaded locally into the project but they are otf files not web served fonts so must be uploading these to a cdn and displaying from there.


Steven_Moore1

Same issue here. Simple hover states are not working for clients when they work perfectly on my local machine. I have tried re-installing the fonts with no luck. This never happened until the last update. This is a show stopper for me.


Same issue for me as well


Evie
  • 7 replies
  • July 13, 2023

Just ran into this too. It’s a shame, I have a slick prototype that simulates data entry but I don’t want to share it until this is fixed.


  • 1 reply
  • July 17, 2023

Same issue here…


Dangel_Corey

same issue


Celine_D
Figmate
  • Community Support
  • 3418 replies
  • July 20, 2023

Hi all,
Thanks for flagging this! To give you an update, our engineering team are still investigating this issue - while I cannot set an ETA yet for the fix at this time.

This issue is specifically happening for locally installed fonts, so as a workaround if you use one of the Figma system fonts instead, this issue will not occur. However we are working on resolving the main issue here soon.

Thank you all for your help here by reporting this, and your patience while the team work to resolve this issue! We will keep you updated. 🙏


Bea5
  • 1 reply
  • July 26, 2023

Same issue here


Ruben_Reina

Same issue here.


Jakob_Ulrich

Hi guys…
I had the same issue. But then I read one important thing in the Figma file for Advanced Prototyping by Figma you should check.

Order of actions matters. When you have multiple actions, they are run sequentially from top down. Therefore, when you have “Change to” interactions with interactive components, place that last, otherwise the component will switch before other actions are read.

So I tried it and it worked. Change the order and place the “Change to” action to the bottom and the “Set variable” actions to the top.
Screenshot 2023-08-02 at 15.26.07

But in fact, the issue comes up with locally installed fonts.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings