Skip to content

Instantly share code, notes, and snippets.

@lukaszgrolik

lukaszgrolik/font-weights.md

Last active April 25, 2025 05:18
Show Gist options
  • Save lukaszgrolik/5849599 to your computer and use it in GitHub Desktop.
Save lukaszgrolik/5849599 to your computer and use it in GitHub Desktop.
Download ZIP
Commonly used names for CSS font-weight values
Raw
font-weights.md

unknown source

value name
100 extralight/ultralight
200 light/thin
300 book/demi/light
400 regular/normal
500 medium
600 semibold/demibold
700 bold
800 black/extrabold/heavy
900 extrablack/fat/poster/ultrablack/heavy

dev.w3.org/csswg/css-fonts/#font-weight-numeric-values

value name
100 Thin
200 Extra Light (Ultra Light)
300 Light
400 Normal
500 Medium
600 Semi Bold (Demi Bold)
700 Bold
800 Extra Bold (Ultra Bold)
900 Black (Heavy)

bigelowandholmes.typepad.com/bigelow-holmes/2015/07/on-font-weight.html

value name
100 UltraThin
150 ExtraThin
200 Thin
250 ExtraLite
300 Lite
350 Book
375 Text
400 Normal
425 Thick
450 ExtraThick
500 Dark
550 ExtraDark
600 Bold
650 ExtraBold
700 UltraBold
800 Black
900 ExtraBlack
999 UltraBlack
@hungdoansy
Copy link

From Google Fonts, I took this one as an example: https://fonts.google.com/noto/specimen/Noto+Sans?preview.layout=grid&stroke=Sans+Serif

Thin 100
ExtraLight 200
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment