Fontproblem in preview mode but displays fine in prototype view

I have a simple setup:

-A button component which is underlined on hover.

In preview mode the font is not displayed correctly. And sometimes the preview mode goes crazy and shows that the font is not loaded, even though it is a system font Arial Black. But I only have this problem with all fonts in preview mode.

Only when I load the prototype does everything work perfectly.
I find it strange that preview mode reacts so differently than prototype mode. I have this problem with all my files in preview mode, that the preview renders the font differently than the prototype mode.

Can someone help me?
I have already reset the cache program cache. But it didn’t help.

Here is the basic file:

And here are some screen-recordings of the problem:

I’ve been getting the exact same issue for weeks, and it’s really annoying. It doesn’t happen consistently though, which is strange. For example I could have two cases of a bold version of the same font type (proxima nova in my case), and while one of them renders perfectly in the preview mode, the other doesn’t and renders as a regular weight.

1 Like

Hey All, thanks for the feedback!

This sounds like a bug that we’re currently investigating. We’ll pass this along to our team to reference as they work on the fix.

2 Likes

Hey All, thank you for your patience!

Our team has pushed a fix for this, so if you refresh your tabs, you should be all set!

Please do let us know if you run into any further issues.

Still having this issue, the workaround I’ve found for now is to duplicate the frame that the issue is happening in and preview the new one… Seems to work fine then. Until it breaks again :crazy_face:. I’ve also had a couple of other issues that I had to solve by doing the same thing - couldn’t remember what though.

This “fixed” issue still happens

@Arthur_Kasparian Can you explain more about how this is an issue for you?

Are there any other specific details that are slightly different?

This may sound weird, but if you duplicate the file and try to run the preview, does the font still not load properly?

This is an issue because when previewing a frame, all text seems to display using Inter (I assume) as a font, instead of the one that’s been set; this forces me to use presentation view where it seems to work no problem. (I remember it bugging out in presentation view as well, but that seems to have been fixed)

Honestly the bug isn’t consistently reproducible, so I can’t help you with the last inquiry yet, but maybe somebody else in this thread has tried that already.
Either way, that would be a workaround and not a fix, though I’m sure you know that :slightly_smiling_face:.

This isn’t a huge issue, just a minor annoyance that appears from time to time, but it would be nice to have it fixed~

Thanks for the additional context, @Arthur_Kasparian!

Our team tested Andreas’s original file, and things are still working as expected on our end with that file. Are you able to share a link to your file with us, so we can see what’s happening?

If so, please include a link to the file in this thread, and share edit access with support-share@figma.com, so we can take a closer look.

Issue still exists.

Fonts display correctly in design file and present mode but incorrectly in preview mode. Tested in both Figma Mac OS X and in browser.

1 Like

I am also encountering this issue. In design mode bold and italic text is displayed correctly, but in the preview of the prototype some (not all) bold or italic text is displayed as regular text. Reformatting the text from bold to regular to bold seems to fix the issue, at least temporarily.

1 Like

Hey @Tim_Nixon and @Studio_Morgenrood,

Things are still working as expected on our end, and we never received a new file from Arthur to investigate further.

You can submit a new bug report to our support team directly via the form here: https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374

If you’re able to share a file with us, please use your Figma account email, include a link to the file, and share edit access with support-share@figma.com, so we can take a closer look.