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>