Finding CSS weight of font?

Explorer ,
Feb 28, 2021 Feb 28, 2021

Copy link to clipboard

Copied

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:

toolman123_0-1614517674576.png

 

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

 

Any suggestions would be great, thanks!

Views

59

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 28, 2021 Feb 28, 2021

Copy link to clipboard

Copied

LATEST

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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines