Skip to main content
Nereida
May 13, 2021
Question

Missing fonts in prototype - Interactive components

  • May 13, 2021
  • 163 replies
  • 21351 views

Hi, I created an interactive component that worked fine until one week ago (more or less). Now, when you hover on it the font changes and shows the message “Some missing fonts were replaced”

163 replies

February 1, 2024

Still exists. Still ruins your day. 😃

Jayson_Morse
New Member
February 6, 2024

Having the same issue. Worked fine forever, now all of a sudden all my fonts are breaking on hover. What is going on here??? please help

Victoria_Denstedt1
February 9, 2024

Not a fix but maybe helpful,

This happened to me - After a ton of trial and error I found that my interactive components in prototype were only breaking when I was doing a lot of trial & error to get the effect I wanted. (aka adding new elements to the different components, then deleting, etc.) When I redesigned and reattached the items and it worked again (with no missing fonts message)

piffpaffpuff
New Participant
February 12, 2024

Same here, the prototype has missing fonts in the browser and also in the Figma iOS App.

The problem was, that the prototype contained heavily modified components that Figma could not update but only restore. After detaching all these components and its children, it worked all perfectly and fixed the problem.

James_Walsh
New Participant
February 13, 2024

Just encountered this for the first time. Very disappointing bug to have to explain to a client. Disappointing to learn that it’s still here after 2 years. If it helps - this was with an adobe font that I have loaded locally.

February 16, 2024

Two and a half years later, this is still a problem. Prototypes work fine for me and my peers but when a client views the prototypes, the text disappears when there’s an interaction like hover or change to. Yes, component properties/variables are being used on the text.

The whole point of having variables is the power of using them!
Please have your team revisit @Josh

James_Barber
New Member
February 18, 2024

Have also just run into this issue. Component properties/variables are crucial for interactions that help bring the prototype to life! Converting to outline does work but it makes adjusting designs afterwards complex.

I encounter this issue because my prototypes use a custom font that has been added to our Figma team. The custom font will work perfectly while viewing the prototype in-app & in browser if I’m logged in (essentially giving me access to the font). If I open the prototype in incognito to simulate the client experience then my components that use the font and have instance swapping will break (worth noting that the font works fine otherwise).

If I change my prototypes to use Arial font then it will work as expected in both cases. Probably because it’s a standard font that everyone has locally? There’s clearly an issue with custom fonts and component variants in prototypes.

Roger_Wesemann
New Participant
March 12, 2024

This bug has existed for years and I have the problem almost every day that the fonts are replaced. I have tried all possible tips in the forum without success. Does anyone know if Figma has ever commented on this problem? Has it ever been confirmed?

Figma is developing more and more features and with every release you get the feeling that the bugs are growing just as much as the features.

Roger_Wesemann
New Participant
March 12, 2024

Don’t get me wrong, I love Figma and Figma does a great job. But the old bugs should be fixed, at least some feedback would be helpful (but maybe I missed it)

James_Barber
New Member
March 12, 2024

I got in touch with their support team a couple weeks ago and got this response:

It appears that you have encountered a long standing bug that the engineers are aware of.

If this is something you would be interested in, I would be able to create a bug report for the engineers to investigate, however, due to it being a long standing bug, we will not be able to provide an estimated timeline for a resolution.

I understand that this is not an ideal solution, but please know that we are actively working on improving our platform and addressing issues like this. We appreciate your understanding and patience as we strive to provide a better experience for our users.

As a workaround for this issue, we have the following:
· Replace the custom fonts with a Google font, which will be available on every device that runs Figma prototypes
· Have the client/whoever is looking at the prototype install the missing custom font

So yes, they’re aware but don’t seem to be in a rush to fix it.