DEV Community

loading...

Font weight reference

Matt Kenefick
Senior Engineer -- Learn to code first. Use libraries second.
・1 min read

Notes from one of my CSS files.

/**
 * Fonts
 *
 * 100    Extra Light or Ultra Light
 * 200    Light or Thin
 * 300    Book or Demi
 * 400    Normal or Regular
 * 500    Medium
 * 600    Semibold, Demibold
 * 700    Bold
 * 800    Black, Extra Bold or Heavy
 * 900    Extra Black, Fat, Poster or Ultra Black
 *
 * Fonts are prioritized in a list of preference.
 * WOFF2, WOFF, OTF, SVG, EOT, TTF
 *
 * We should only need WOFF2 because of modern browser support,
 * but Apple (obviously) has some issues which requires us to
 * support WOFF asw well.
 */
Enter fullscreen mode Exit fullscreen mode

Discussion (0)