Skip to main content
Nereida
May 13, 2021
Question

Missing fonts in prototype - Interactive components

  • May 13, 2021
  • 163 replies
  • 21350 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

Val
September 7, 2021

omg, I did the “Reload All Tabs” action, after checking the update and having no Update Available.
It seems to work now !! 😀

Maite_Who
New Participant
September 8, 2021

Exact same issue here, some interactive component work perfectly fine and others break for no apparent reason since it’s the same text style and the same interaction 🤯

Melanie_Behr
September 8, 2021

Thanks for your fix. Copying the text box from the default state and then pasting it in the hover state solved the problem for my components as well ♥️

Amanda_Cilek
September 9, 2021

Having similar issues. Just started to notice them a few days ago. The funny thing is I am literally using Arial. How can it not find Arial. I’ve had these button components working as variants since the beginning of the year, only just now had an issue. I can’t even try to replace the fonts because it doesn’t give me an option, just talks about automatically being replaced. Tried restarting Figma and reloading tabs, did not solve problem. I had to detach all of my buttons to get them to display properly.

Potentially helpful context: I only see the yellow missing font notification when previewing my prototype. In the main Figma design file there are no indications of font problems.

Message: Missing fonts in interactive components. This file contains interactive components with missing or local fonts (Arial Bold). These fonts will be automatically replaced inside interactive components…

Josh
Former Community Manager
September 10, 2021

Hey Amanda, we just pushed a fix for a bug we noticed to day with our local font agent. You might need to restart your computer but this should hopefully be fixed now.

Not 100% sure if it’s related to what you’re reporting but would be great to check and see. Thanks! 🙂

Amanda_Cilek
September 10, 2021

Thanks for the quick reply! Unfortunately after restarting my computer, checking for Figma updates, and reloading Figma tabs, I’m still seeing the yellow font error on my prototype preview. I checked and other Figma files using these same button components also show the error on the prototype.

One thing might have been fixed however. Yesterday in the prototype preview the buttons were actually displaying with the wrong style (why I had to detach them). Today, when I place a new button component in my file, the text is displaying correctly (bold) in preview even though I still have the yellow font warning. So maybe the font display issue itself has been resolved and we just need something else to clear that yellow warning? Unsure exactly. But thanks for looking into this.

Marko_Soonurm
New Member
September 10, 2021

Remarkable issue, definitely needs fix!
One unsustainable workaround what I’m using now is to unlink text from style in interactive elements.

Andy5
September 10, 2021

Experiencing the same thing. All 3 designers who are on our project have the exact same copy of Archivo (a Google font) installed. We see no issues when in design mode, but in prototype preview we get the little yellow “A?” in the top bar. When you click on it this modal appears:

Any idea why we would be seeing this message only in prototype preview mode?

Josh
Former Community Manager
September 10, 2021

Hey all so this may actually be expected behavior. See this post here: New missing fonts behavior in interactive components

Samantha_Pecan1
September 14, 2021

this is still broken for figma mirror (at least the ios version)!!