Search code examples
htmlcssfontsphotoshop

How to make the thinnest font

I have a font in photoshop:

photoshop

and when I set font-weight: 100 the result is too bold.

result

Font-size:72px, font-family:"Montseratt"

When I'm changing font-weight from 300 to 400 font also changings (for font-weight: 100, 200, 300 font the same). I guess it means that property works, but how can I make font thinner than value that property can set

Solution

  • you can do this.

    you make a typo it's font-family: 'Montserrat', sans-serif; not font-family:"Montseratt"

    body {
 font-family: 'Montserrat', sans-serif;
 font-size: 50px;
}

.thin {
  font-weight: 100;
}

.normal {
  font-weight: 400;
}
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,400" rel="stylesheet">

<p class="thin">THIN<p>
<p class="normal">NORMAL</p>