html - 如何制作最细的字体

Question

我在 photoshop 中有一个字体:

当我设置 font-weight: 100 时，结果太粗体。

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

当我将 font-weight 从 300 更改为 400 时，字体也会发生变化(对于 font-weight: 100, 200, 300 字体相同)。我想这意味着该属性有效，但是我怎样才能使字体比该属性可以设置的值更细

Answer 1

你可以做到这一点。

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>