在CSS中，可以使用font-weight屬性來控制字體的粗細(xì)，要將加粗的字體變細(xì)，可以將font-weight的值設(shè)置為一個較小的數(shù)值，以下是一些示例代碼：

示例1：將加粗字體變細(xì)

.bold-text {
  font-weight: bold; /初始狀態(tài)加粗字體 */
}
.bold-text.thin {
  font-weight: 400; /變細(xì)設(shè)置font-weight為400 */
}

示例2：使用media查詢響應(yīng)式調(diào)整字體粗細(xì)

.bold-text {
  font-weight: bold; /初始狀態(tài)加粗字體 */
}
@media (max-width: 600px) {
  .bold-text {
    font-weight: 400; /* 在小屏幕設(shè)備上變細(xì) */
  }
}

示例3：通過JavaScript動態(tài)改變字體粗細(xì)

document.querySelector('.bold-text').style.fontWeight = '400'; // 將加粗字體變細(xì)

示例4：使用CSS的initial關(guān)鍵字恢復(fù)默認(rèn)粗細(xì)

.bold-text {
  font-weight: bold; /初始狀態(tài)加粗字體 */
}
.bold-text.reset {
  font-weight: initial; /* 恢復(fù)默認(rèn)粗細(xì) */
}

通過以上方法，你可以靈活控制CSS中字體的粗細(xì)，以適應(yīng)不同的設(shè)計和需求。