Light (thin) Text in HTML.

Question

How do you format text to make it thinner in HTML?

Answer 1

You can change the way things look in html by using CSS.

the ‘font-weight’ determins the thickness of text.

You can do this by either writing it inline for example:

<p style font-weight: 300px>text here <\p>

or using a seperate CSS file like:

.p {
font-weight: 300px;
}

Answer 2

the smallest value of font weight is
100px

However you can replace the px number for ‘lighter’ which will also decrease thickness

Answer 3

Caveat: Make sure your chosen font / glyph set supports the font weight you are choosing. It might look ugly if you leave it up to the software to cobble together a font for you. :)