Skip to main content
Known Participant
February 28, 2021
Question

Finding CSS weight of font?

  • February 28, 2021
  • 1 reply
  • 271 views

Hi there,

 

I ahave enabled and embedded a font - Poppins, however I can't seem to find the weight of the different weights for CSS.

 

For example:

 

What weight would this be? I'm guessing Regular would be 400?

 

Any suggestions would be great, thanks!

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    March 1, 2021

    Every browser renders CSS font-weight a bit differently.  You'll need to test CSS values in your project's stylesheet (aka style.css file) and see which ones work best.

     

    h1 {

    font-weight: [Select value from chart below]

    }

     

    Value Description
    bold Defines thick characters
    bolder Defines thicker characters
    lighter Defines lighter characters
    100
    200
    300
    400
    500
    600
    700
    800
    900

    Defines from thin to thick characters.

     

     

    400 is the same as normal.

     

     

    700 is the same as bold.

     

    Nancy O'Shea— Product User & Community Expert