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

Lamin
New Member
July 16, 2021

Still the same issue in July

Andreea_Tilihoi
July 18, 2021

I am using Font Awesome for icons. When I share a prototype that contains interactions on the icons, the icons change to their code-text on hover.

Fx: if I hover the “house” icon, the icon changes to the word “house”.

Tim
New Member
July 21, 2021

Still having this issue - we had to stop using the interactive components all together.
Super annoying that this has not been fixed 🙂

Michelle_Trostel
July 22, 2021

This was created back in May. Can we please can an update on this? I’ve basically had to resort back to static prototypes - with no hover interactions. It’s essentially Sketch.

I just want an update or an acknowledgment that this issue is known. I think it’s a pretty big bug and many users are annoyed with it.

Stephenson_Laura
August 4, 2021

I’m also having this problem! Can we get an update?

Stephenson_Laura
August 4, 2021

It seems to be especially buggy with interactive components with variants

Gilles
August 9, 2021

Same problem here. Especially visible with fontawesome with ligatures

  • Not having a problem if the font is installed locally and the server is running
  • If I don’t have the font, it render the raw text instead of the icon.

→ My hypothesis is that the content of the variants are regenerated when appearing, instead of just being displayed, hence breaking any prerendered texts.

Very frustrating 😦 We have to revert back to use SVG icons as a mitigation …

Jonathan_Jauneau
August 12, 2021

This is quite a big issue. The fonts appear fine when my team is working on the document, but when shared with the client via the share link, the fonts appear broken and ultimately break the interactive prototype.

Jonas_Kelstrup
August 12, 2021

I’m experiencing the same issue. While designing, everything works fine, but in presentation mode, the fonts (one of them being Font Awesome 6 Pro) don’t load.

But I discovered something curious:
I only experience the issue when I go into presentation mode with no artboard/frame selected.

If I select an artboard/frame before clicking the play icon, the fonts will load just fine, and everything works as expected.

Aurelien1
August 12, 2021

Same issue but not in Figma, but in MAZE.
We have this issue with a font which is included in our shared font. The issue is with the interactive components.
When we load the prototype in Maze, the interactive components don’t load the font “Some missing fonts were replaced”.