如何设置字体样式灯？

Question

我正在从photoshop sketch创建一个网站。 我有一个文字机智

  

font-family Segoe Ui和font-style：Light。   在photoshop中看起来像这样：

那么如何在css中将它设置为p元素？

p {

}

Answer 1

使用font-weight，其值如下：

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

请参阅W3Schools上的文档。

Answer 2

已更新：Table on MDN

值常用重量名称

• 100细（发际线）
• 200个超轻（超光）
• 300灯
• 400普通
• 500中等
• 600半粗体（Demi Bold）
• 700加粗
• 800 Extra Bold（超粗体）
• 900黑色（沉重）

旧：

• 100个超轻或超轻
• 200轻或薄
• 300本书或Demi
• 400普通或常规
• 500中等
• 600 Semibold，Demibold
• 700加粗
• 800黑色，超粗或沉重
• 900黑色，脂肪，海报或超黑色