Css 如何使网页上的字体更薄

我正在尝试设计一个网站，但在字体样式和大小方面有问题。我看了很多网站，想得到一些想法，例如，如果你看这个网站：检查右边团队成员姓名的字体样式和大小，你可以看到他们显然使用了Georgia（红色），但当我尝试得到相同的形状时，我的字体显得更粗体，我不知道为什么

这就是我的风格：

font-size: 2em;
font-family: Georgia,'Times New Roman',serif;
font-style: italic;
font-weight: normal; 

---

我是否遗漏了任何东西以获得相同的效果

可能是字体权重属性。如果您为它指定一个介于100和900之间的数值，并且始终以100为增量，即：100200300400，等等，您将拥有更大的灵活性

• 400与正常值相同，700与粗体相同

  font-weight: 300; 
  

---

我发现如果添加属性

-webkit字体平滑：抗锯齿文本将失去一点模糊性，看起来与Photoshop中的完全一样（但仅适用于webkit）。不确定这是否符合您的要求，但无论哪种方式，它都会使文本更薄。
为了澄清/确认，您正在寻找CSS属性：

 font-weight: normal;

font-size: 1.5em;
transform: scale(1, 1.5);

见：

并非所有字体都支持400以下的重量。
您可以使用较小的字体大小，并通过CSS转换属性使其更高：

 font-weight: normal;

font-size: 1.5em;
transform: scale(1, 1.5);

现在使用简单的2D变换是非常安全的（）。
我试过了，但对我来说似乎更大胆。所有低于600的东西看起来都完全一样。如果你使用，400肯定会小于600。也许你有一个css规则声明之后，你的。您可以在三个主要位置声明css。尝试使用style=“font-weight:400；”在元素上声明它，您应该会看到不同。我拍摄了一个屏幕截图。看起来这个颜色多少给了这个词一点分量。当它是黑色的时候，它看起来有点轻。firefox用一个不同的名字来实现这一点：
-moz osx字体平滑：灰度
。看见