search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.01k stars 4.03k forks source link

Use common font weight/name mappings in Font Library #59976

Open peterwilsoncc opened 3 months ago

peterwilsoncc commented 3 months ago

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 commented 3 months ago

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 commented 2 months ago

Related-ish, potentially: