skip to Main Content

I m making a web site from photoshop sketch.
And I have a text wit

font-family Segoe Ui and font-style: Light.
In photoshop It looks like this:enter image description here

So how to set this in css to p element?

p {

}

2

Answers


  1. Use font-weight which takes values like:

    p {
        font-weight: 100; /* 100, 200, 300, ... 900, normal, bold, bolder, lighter */
    }
    

    See the documentation on W3Schools.

    Login or Signup to reply.
  2. Updated: Table on MDN

    Value Common weight name

    • 100 Thin (Hairline)
    • 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)

    Old:

    • 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
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search