在網頁設計中，經常會用到CSS來設置文本的樣式。其中一個常用的樣式就是設置文本的粗細，即字體的粗細。但是，CSS字體變粗是如何實現的呢？

.font-bold {
font-weight: bold;
}

上面的代碼片段是CSS代碼，用于將文本設置為粗體。其中，我們使用了font-weight這個CSS屬性，這個屬性的值可以是一個數字或者一個關鍵字。數字從100到900，代表了從最細到最粗的粗細等級。而關鍵字則是normal和bold，其中normal表示正常的粗細等級，bold則表示加粗字體。

那么，CSS是如何實現加粗字體的呢？其實，網頁瀏覽器內置了一些字體，這些字體有不同的粗細等級。當我們設置了font-weight: bold之后，瀏覽器會選擇一個比默認粗細等級更高的字體來替換原來的字體，使其看起來更加粗細。

當然，如果我們想要自定義字體的粗細等級，可以將font-weight的值設置為一個數字，取值范圍從100到900。當我們設置數字值時，瀏覽器會根據該值來選擇一個相應粗細等級的字體來渲染文本，達到我們期望的自定義效果。

總之，CSS字體變粗是通過選擇不同粗細等級的字體來實現的。無論是使用一般的bold關鍵字還是自定義數字值，都需要瀏覽器內置的字體來支持。因此，在網頁設計中，我們需要合理地使用CSS字體粗細屬性，以達到良好的設計效果。