如何使用CSS設置文本字體粗細？

一、選擇字體粗細

在CSS中，可以通過font-weight屬性來設置文本的字體粗細程度。該屬性可以選擇的值有:

/* 正常字體 */
font-weight: normal;

/* 加粗字體 */
font-weight: bold;

/* 數字值表示粗細程度，400為正常，700為加粗 */
font-weight: 400;
font-weight: 700;

只需要將該屬性寫在需要設置字體粗細的元素的CSS樣式中即可生效。

二、通過字體選擇實現字體加粗

除了使用font-weight屬性，還可以通過選擇不同的字體來實現字體加粗的效果。如下所示：

/* 常規字體 */
font-family: "Microsoft YaHei", sans-serif;

/* 加粗字體 */
font-family: "Microsoft YaHei Bold", sans-serif;

在上面的代碼中，”Microsoft YaHei”代表常規字體，”Microsoft YaHei Bold”代表加粗字體。當需要將文本字體加粗時，只需要將CSS樣式中的font-family屬性修改即可。

三、通過span標籤實現部分文本加粗

有時候，我們需要將文本中的某個部分加粗來進行強調，在這種情況下，可以使用標籤將該部分文本包裹起來，並設置樣式來進行加粗。如下所示：

<p>這是一個<span style="font-weight:bold">加粗的</span>文本</p>

在上面的代碼中，使用了span標籤來包裹需要加粗的文本，同時使用了CSS樣式的font-weight屬性來設置加粗效果。

四、使用@font-face加載自定義字體

在某些情況下，我們需要使用一些特殊的字體來進行文本展示，而這些字體並不是瀏覽器原生支持的。此時，可以使用@font-face來加載自定義字體文件，並使用該字體來進行文本展示。如下所示：

@font-face {
    font-family: "MyFont"; /* 自定義字體名稱 */
    src: url("myfont.ttf"); /* 字體文件路徑 */
}

p {
    font-family: "MyFont"; /* 使用自定義字體 */
}

在上述代碼中，首先通過@font-face聲明了自定義字體，其中font-family指定了字體名稱，src指定了字體文件路徑。之後，在需要使用自定義字體的地方，只需要將CSS樣式中的font-family屬性設置為對應的字體名稱即可。

五、小結

在CSS中，可以通過font-weight屬性、字體選擇、使用span標籤和@font-face加載自定義字體等方式來設置文本的字體粗細。根據具體需求選擇不同的方法，可以使文本顯示效果更加清晰、美觀。