Skip to main content
Solved

Font weight labeled differently from styles to dev mode to code

  • August 30, 2024
  • 2 replies
  • 391 views

Ben_Buckley

Adobe Museo Sans (not display) is coming out with different weights.

on the Styles it says 900 but Dev mode says 700.

I’ve checked with our Devs and it looks like we have to manually change the fonts but im still unsure why even in Figma it is labeled incorrectly.

Our Devs also ran in to a bug where it can name the font weight to 600. This might be a optimisation thing tho so that might be our issue more than anything. Still tho, why would Figma/Dev mode label it differently?

I Download the Font officially from Adobe and the below is correct.

Best answer by y_toku

Hi there,

Thanks for reaching out!

Our support team has recently noticed that the difference in Museo Sans font weights between design mode and dev mode in Figma is due to the font’s metadata. Designers use the style name for font weight, while developers rely on the numeric weight from the metadata. For instance, Museo Sans 700 has a metadata weight of 600.

To sync the font weights in both modes, you can edit the font metadata using online tools (search “edit font metadata”). You can either change the style name to match the numeric weight or adjust the numeric weight to match the style name. Alternatively, you can contact the font creator to address this metadata issue.

If this doesn’t solve your problem, please send our support team the font file, and they’ll check the metadata for you. You can contact from here:

Figma Learn - Help Center

I hope this helps!

Thanks,
Toku

View original
This topic has been closed for comments

2 replies

y_toku
Figmate
  • Community Support
  • 2383 replies
  • Answer
  • September 2, 2024

Hi there,

Thanks for reaching out!

Our support team has recently noticed that the difference in Museo Sans font weights between design mode and dev mode in Figma is due to the font’s metadata. Designers use the style name for font weight, while developers rely on the numeric weight from the metadata. For instance, Museo Sans 700 has a metadata weight of 600.

To sync the font weights in both modes, you can edit the font metadata using online tools (search “edit font metadata”). You can either change the style name to match the numeric weight or adjust the numeric weight to match the style name. Alternatively, you can contact the font creator to address this metadata issue.

If this doesn’t solve your problem, please send our support team the font file, and they’ll check the metadata for you. You can contact from here:

Figma Learn - Help Center

I hope this helps!

Thanks,
Toku


Ben_Buckley
  • Author
  • 3 replies
  • September 2, 2024

Hi Y_toku,

Thank you for your help. Ive submitted a bug remote to see if the team can change the font metadata.

Cheers


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings