Yeah I don’t know! It’s also weird that in the code view it’ll show “identical to … 120%” but then show 101% on the duplicate rule shown in the table view.
I’m amazed this bug still was not fixed. We too have actually had to adjust our dev handoff process (which adds a lot of hours) to be able to work with this bug…
Table view: Font style: Medium
Inspect view: font-weight: normal; (should be displayed as font-weight: 500)
Typography: Weight 400 (should be displayed as Weight 500)
According to Font Weight and Contrast: (just google “font weight regular in points”):
font-weight === typeface weight
400, regular === Normal, Regular
500 === Medium
Conclusion: Figma doesn’t detect medium fonts correctly.
I’m using poppins as font face, downloaded from google fonts and it comes with a lot of styles. Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold and Black. But when checking the inspect mode, it only shows “normal” and the font weight changes. But this leads to confusion regarding the handoff to Web Development. Because using “regular” with the shown font weight leads to strange outcome.
Is there something I can do? Or is this a bug?
The key here is that devs don’t see the font-weight where designers do. This issue has to do with access rights, because devs typically have read-only access to the design files. Hope this rings a bell in the Figma dev team…
Please, this is a confusing bug that needs more attention.
+1
We also suffer from this nasty bug. Incorrect font-weight showing in CSS inspect panel.
Interestingly “font-weight: Medium” is not actually valid (see font-style - CSS | MDN) but I guess since its Table view it is not displaying css 1:1 accurately. Currently this is just a mediocre workaround for our developers to see if a font uses a medium font style or a regular. Using either Regular or Medium both results in a font-weight: 400; which is incorrect for Medium (it should be 500 or 600 depending on the font-family).
Meh… this is really bothersome, please fix it Figma!