Use common font weight/name mappings in Font Library

[peterwilsoncc]

What problem does this address?

The font Library currently displays font weights using their numeric values, for example "Open Sans 400 Normal", "Open Sans 400 Italic".

These font weights are unintuitive for people who do not work on the web on a daily basis. The regular site owner is likely to be unaware that 400 Normal means the standard font weight.

Given most developers define font weight via the keywords, it's probably fair to assume that the numbers are unintuitive for a good number of web developers too. (I know it takes me a little thought to remember 400 is normal.)

What is your proposed solution?

Rather than display the numeric weight value, I suggest using the common name mappings sourced from MDN:

Value	Common weight name
100	Thin (Hairline)
200	Extra Light (Ultra Light)
300	Light
400	Normal (Regular)
500	Medium
600	Semi Bold (Demi Bold)
700	Bold
800	Extra Bold (Ultra Bold)
900	Black (Heavy)
950	Extra Black (Ultra Black)

[sahiladit]

can you assign it to me?This is my first contribution can you tell me what is the name of the file or where can i get this file so that i can edit this issue.

[cbirdsong]

Related-ish, potentially:

• Typography > Appearance controls should show available weights only #49090

[t-hamano]

Related issues:

• Font Library: Preview images are not displayed correctly on the Install Fonts tab #60188
• Improve SVG generation logic google-fonts-to-wordpress-collection#23