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

Mag
August 23, 2021

Does this happen on initial load or only after certain actions?

I’ve an interactive component with 2 variants. Within it there’s a text element with interaction that toggles between the variants. The component displays the right glyph on load, but breaks into replacement text when I tap on its interaction. It also breaks all other glyphs using the same font (fontawesome) in the component.

I’m only experiencing this on Figma android, both in the prototype and mirroring tab. The desktop app appears to be working properly now.

Do you know if the fonts being replaced are shared fonts uploaded to an organization, or local fonts

Used the desktop app and font service

if you’re willing to share the original file and/or a video of the bug to me, please DM me

Couldn’t find a way to DM :\ Thanks Andrew!

Nabil_Amara
August 30, 2021

Hello,

I’m trying to do a simple animation on a board, using a smart animate feature.

When finished, I have a problem with my preview on figma mirror or with a link shared (so the board is viewed on safari or chrome on iphone) : The fonts used in the elements of the smart animate are replaced by Arial as soon as I trigger the animation via a trigger box.

Is this a know issue and is there a way to solve it ? (without vectorizing the font…)

Thank you.

E_V_Design_System
August 30, 2021

This is still an issue for prototype embeds (regardless of browser or platform).
Happens every time when interacting with the interactive components—both “on load” and if there’s no interaction with the interactive component everything looks and behaves fine though.

Sean_McIntosh
New Member
September 2, 2021

Hello,

I’m having the same problem. Hopefully this bug will be fixed soon

Bradley_Wilton
September 3, 2021

Happening to me too. Figma have added an overlay as a quick fix (well I hope a quick fix), hopefully they can package custom fonts in sooner rather than later as this is causing us a huge issue with senior stakeholders!

Screenshot 2021-09-03 at 10.13.05

Sam_Carden
September 6, 2021

Same issue here.

The workaround where selecting the frame before opening prototype mode was working for a while, but since the missing fonts modal in prototype mode was introduced, it doesn’t seem to work at all, the fonts in interactive components get replaced 1-2 seconds after the frame loads up.

My temporary workaround is just to flatten each frame into an image, but this is obviously very limiting, hoping for a solution soon.

Tanczos_Andras
September 6, 2021

Can confirm, same thing happening to me. Offering my left kidney for a fix.

Joost_Meijerink
September 7, 2021

I have the same issue, and the weird thing; with one variant of the component it does work, with the other it doesn’t.

bug

Joost_Meijerink
September 7, 2021

Hmm, I’ve found a fix, I copied the text from the default state to the hovered state, and now it is working again. But they are the same textstyle. Maybe it is something with the fonts / textstyles?

Val
September 7, 2021

Same issue !! 🤯
We know that these interactive components were a beta feature, but it used to work super well!! It’s some kind of regression, could you please fix it? 🙂
Now, the cost of making it work again on our complex proto is huge!!