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

Marko_Soonurm
New Member
June 17, 2021

Same here!

Darren_Taylor_Door4
June 24, 2021

Hi
I’ve built an interactive component form which works fine in the browser. When viewed on a phone though some of the fonts load and others don’t. The fonts are a Google font and Font Awesome.
There doesn’t appear to be a pattern, other than where the fonts don’t load the components are multi-variant Interactive Components.
The odd thing is, it doesn’t happen everywhere. Some components with the same fonts and states load fine.

Michelle_Trostel
June 25, 2021

Also having this issue. On hover, the font resets to some default. I’m not sure what font.

This is actually ruining the whole experience with Figma. Clients don’t have these fonts usually and I don’t want to make them download these fonts either.

Can we get an update on this?

Darren_Taylor_Door4
June 25, 2021

For those with this issue I can suggest a work around that, while not ideal has allowed me to hit my deadline.
Select the type that is causing the problem and outline it. [<shift><cmd><o>]
It means your type is no longer editable but it’ll display correctly.
For me, I created a duplicate document, detached my components [<alt><cmd><b>] and outlined the text.
Hope this helps someone. 👍

Daniel_Fontaine
June 25, 2021

Same issue here, we can’t present to client with this kind of bug. Any interactive component that uses a font that’s not locally installed breaks whenever there’s an interaction (IE: mouse over).

Phillip2
June 26, 2021

I’d like to chime in. This is a big issue. A few weeks back it worked without a hitch, now it’s broken.

Detaching components and outlining type is obviously no fix for complex files.

Geiras_ES
June 29, 2021

Same happening here! I copied it to another file and it worked fine. Font replacement plugins do not detect any different font other than the supposed.

Marieke
July 1, 2021

Same here: As I open my prototype, fonts look fine at first sight, but as soon as I hover them, I get the font replacement error, and all my typographic design is basically gone. I hope this can be fixed quickly!

Ken_Ottmann
New Participant
July 5, 2021

Same here. Starts with the correct font in default - but hovering in the prototype replaces the Font with a standard system font.

Mag
July 13, 2021

It’s happening to some of my interactive components utilising Font Awesome types. The font isn’t actually missing. I suspect the bug has to do with its ligatures – when the bug occurs, the text messes up in the same way when i turn off ligatures under type details > letterforms.