How to set font style light?

StackOverflow https://stackoverflow.com/questions/23172941

Question

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 {

}
Was it helpful?

Solution 2

Use font-weight which takes values like:

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

See the documentation on W3Schools.

OTHER TIPS

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
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top