在前端開發中，經常需要使用圖標來裝飾網頁，使其更加美觀。而圖標的粗細是一個很重要的屬性。在CSS中，我們可以使用font-weight屬性控制圖標的粗細。 在CSS中，font-weight的值可以是數字或者關鍵字。數字越大，粗細就越大。關鍵字是以下幾個： - normal：默認值，普通粗細 - bold：加粗 - bolder：更加粗 - lighter：更加細 我們可以使用font-weight設置不同的粗細值來改變圖標的樣式，如下所示：

.icon {
font-family: FontAwesome;
font-weight: normal; /* 普通 */
}
.icon-bold {
font-family: FontAwesome;
font-weight: bold; /* 加粗 */
}
.icon-bolder {
font-family: FontAwesome;
font-weight: bolder; /* 更加粗 */
}
.icon-lighter {
font-family: FontAwesome;
font-weight: lighter; /* 更加細 */
}

需要注意的是，icon字體庫本身就是粗體字，所以如果使用bolder屬性會更加粗硬，不太適合細小的圖標。 除了這些關鍵字，我們還可以使用數字來控制粗細。數字越大，粗細就越大。如下所示：

.icon {
font-family: FontAwesome;
font-weight: 100; /* 最細 */
}
.icon-bold {
font-family: FontAwesome;
font-weight: 900; /* 最粗 */
}

"FontAwesome" 字體通過在字體庫中定義的方式，來支持不同的加粗程度，因此可以使用這些數字來控制圖標的粗細值。 綜上所述，通過font-weight屬性的不同取值，我們可以輕松地控制圖標的粗細，以達到更好的視覺效果。