Typography Rendering Differently in Figma Editor/Designer vs Figma Prototype

Hello! First time poster, running into an issue (or possible bug)

When I’m in the Figma Editor/Designer mode, my design appears as desired.

However, when I present a prototype of these exact screens, the fonts show differently.

In this screenshot from the prototype, you can see how the tabs stretch out past the edge of the symbol frame - which cuts off the word “Articles”. However, that is not the case in the Designer/Editor. This problem persists in both the Mac app and in the browser.

Some background that may help:

  • We use Lato for our fonts
  • Previously, we stored these Lato fonts per team. Recently, we changed to manage these Lato fonts at the organization level
  • I have the same font versions installed locally as we have in our Figma organization
  • All of the Lato fonts in our designs tie back to our global Text Styles that live under a separate “Design System” team

Hi there! Thanks for flagging this. This looks odd as the typography is not rendering the same way in Figma Design and in Prototype. It’s hard to tell the root cause without investigating the file directly.

Does it also happen in a different device?is it happening in a specific or any files?

As a first workaround can you try to clear out the cache to see if that helps? More info how to do it: here

I’d also suggest you to reach out directly to the support team so they can try to replicate it and investigate further: here
Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, and a quick video recording to better visualise the issue if you are able to. Thank you!