在網頁設計中，字體是一個非常重要的元素。而CSS（層疊樣式表）是一種控制網頁布局和樣式的標準語言。在CSS中設置字體樣式也是很重要的一部分。以下是關于CSS字體正確寫法的一些指導建議：

/* 正確使用字體的語法示例 */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
color: #333;
}
h1 {
font-family: Georgia, serif;
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: #f00;
}
p {
font-family: "Times New Roman", serif;
font-size: 18px;
font-weight: normal;
line-height: 1.5;
color: #666;
}

1.優雅降級：在CSS中，通常會列出一系列字體名稱，這些字體名稱按照優先級排序。如果瀏覽器不支持第一個字體，它會自動嘗試使用下一個字體，以此類推。這種方法被稱為“優雅降級”，并且確保你的字體在所有瀏覽器和操作系統上都能正確地顯示。

2.使用web安全字體：在網頁設計中，字體在不同的操作系統和瀏覽器中具有不同的外觀。有些字體可能沒有在其他設備上安裝，因此并不那么常見。要確保你的字體在所有設備上都能正確地顯示，你可以使用Web安全字體，例如Arial，Helvetica，Times New Roman等。

3.使用web字體：如果你需要在你的網站上使用特定的字體，你可以使用Web字體。Web字體是專門為互聯網設計的字體。你可以在Google Fonts上免費下載和使用它們。要使用Web字體，你需要將它們上傳到你的網站服務器，并使用CSS中的@font-face規則。

4.使用字體大小：在CSS中，你可以使用像素（px），em或百分比（％）來設置字體大小。使用像素是最常見的方法，因為它提供了精確的控制，并且字體在設備上的大小不會隨著分辨率的變化而變化。

5.使用字體粗細：在CSS中，你可以使用font-weight屬性來設置字體的粗細。以下是一些可用的值：normal，bold，bolder和lighter。你也可以使用數字值來設置特定的粗細，例如400為標準字體。

6.使用行高：行高是指行之間的垂直間距，通常以字體大小的百分比或固定值來表示。正確的行高設置可以讓你的文本更加易于閱讀，并且使你的網站看起來更加專業。

總而言之，正確的CSS字體設置可以提高你的網站的可讀性和吸引力。如果你按照上述指南操作，你的網站應該能夠在所有設備和瀏覽器上正確地顯示字體樣式。