CSS中，除了控制元素的大小、顏色、位置等樣式以外，還有一個非常重要的樣式屬性，那就是字體樣式。下面我們來介紹一下常用的CSS字體樣式。

font-family

p {
font-family: Arial, sans-serif;
}

font-family屬性用來設置字體的種類，多個字體種類之間用逗號分隔。在這個屬性中，我們首先寫上的是“Arial”字體，如果當前用戶的操作系統中有這個字體，就直接調用；如果沒有，就使用“sans-serif”作為備選字體，它是一種“無襯線字體”。

font-size

p {
font-size: 20px;
}

font-size用來設置字體的大小，單位可以是像素(px)、百分比(%)、點(pt)等等。在這個例子中我們設置字體大小為20像素。

font-weight

p {
font-weight: bold;
}

font-weight用來設置字體的粗細，取值有normal、bold、bolder和lighter等。在這個例子中我們設置字體為粗體。

font-style

p {
font-style: italic;
}

font-style用來設置字體的風格，取值有normal、italic和oblique三種。在這個例子中我們把字體的風格設置成了“斜體”。

text-decoration

p {
text-decoration: underline;
}

text-decoration用來設置字體的裝飾，取值有none、underline、overline、line-through和blink五種。在這個例子中我們把字體下面加了一條“下劃線”。

line-height

p {
line-height: 1.5;
}

line-height用來設置行高，也就是每行文字之間的距離。在這個例子中我們設置行高為字體大小的1.5倍。

字體樣式的設置在web開發中非常重要，可以為網站的視覺效果增色不少。精心設計的字體樣式可以提升網站的瀏覽體驗，讓用戶對網站充滿好感。