如何将字体样式设置为轻？

Question

我正在从Photoshop草图制作网站。 我有一个带有font-family Segoe Ui和font-style：Light的文本。 在Photoshop中，它看起来像这样：

那么如何在CSS中将其设置为p元素？

p {

}

- user2950593

---

font-weight:lighter - 但仅当字体支持轻字重时。这只需要进行一次谷歌搜索即可。 - Fuzzyma

Segoe UI是由Microsoft版权所有的字体，因此除非您拥有许可证，否则无法将其用作Web字体。 - adaam

你可以使用 font-weight: lighter。 - prava

@adaam：OP没有提到“webfont”。在CSS中定义它是可以的；只有当浏览器能够在任何地方找到它时才会使用它。 - Jongware

Answer 1

更新：在 MDN 上查看常用字重名称映射表

值 常用字重名称

• 100 细 (超细)
• 200 极细 (特细)
• 300 细体
• 400 常规
• 500 中等
• 600 半粗 (中粗)
• 700 粗体
• 800 极粗 (特粗)
• 900 黑体 (重体)

旧：

• 100 特细或超细
• 200 细或特轻
• 300 书籍或半粗
• 400 常规或正常
• 500 中等
• 600 半粗或中粗
• 700 粗体
• 800 黑体、特粗或重体
• 900 特黑、极度粗、海报或超黑

- Kol007

Answer 2

使用font-weight属性，其可选取以下值：

p {
    font-weight: 100; /* 100, 200, 300, ... 900, normal, bold, bolder, lighter */
}

请参阅 W3Schools 上的文档。

- Tim Vermaelen

---

请不要称呼W3Schools为"W3C"。它与W3C没有任何关联，而且通常不建议将其作为来源，尽管现在它已经不那么糟糕了。请参考http://www.w3fools.com。 - alexia