除了好看的背景和顏色外，字體設定也是網頁設計中的重要部分，合適的字體不僅會讓頁面更加美觀，也可以提升使用者體驗。 CSS 中提供了一系列用於設定文字字體樣式的屬性，例如更改字體，控製字體大小和粗細等等。
透過學習上述這幾個CSS 屬性，我們可以實現給HTML 中的文字設定字體、大小、風格、傾斜、加粗等。
1. font-family
font-family 屬性用來設定一個元素的字體，字體就是像宋體、楷體等。
透過font-family 屬性，可以同時聲明多種字體，字體之間使用逗號分隔。根據字體的呼叫原則，會優先呼叫第一種字體，如果沒有找到，則會嘗試呼叫下一個字體，如果都找不到則呼叫預設字體。
範例：
例如為下面這個<p> 標籤中的文字設定字體：
<p>dotcpp編程</p>
可以使用標籤選擇器，然後在font-family 屬性中設定：
p{font-family:'TimesNewRoman','sans-serif',宋體,楷體;}在聲明字體時，我們應該分別聲明英文字體和中文字體，且英文字體的聲明應該在中文字體之前。因為絕大部分中文字體裡包含英文字母，但不是很好看，而英文字體裡不包含中文字元。所以如果我們不希望用中文字體來顯示英文，就一定要記得先聲明英文字體。先聲明的會先呼叫。
常用英文字體：Arial、Helvetica、Tahoma、Verdana、Lucida Grande、Georgia 等。
常用中文字體：宋體SimSun、黑體SimHei、微軟雅黑Microsoft YaHei、仿宋FangSong、楷體KaiTi 等。
2.font-style
font-style 設定字體的風格，可以將字體設定成斜體、傾斜或正常字體。斜體字體通常定義為字體系列中的一個單獨的字體。
此屬的常用屬性值如下所示：
3.font-weight
font-weight 屬性用來設定顯示元素的文字中所使用的字體加粗。
此屬性的常用屬性值如下所示：
4.font-size
font-size 屬性用來設定字體的大小，常用的單位為px，即像素。
px 是Pixel 的縮寫，是可以在數位顯示裝置上顯示和表示的數位影像或圖形的最小單位。像素是數位圖形中的基本邏輯單元，像素也稱為影像元素。
5. font-variant
font-variant 屬性可以將文字中的小寫英文字母轉換為小型大寫字母（轉換後的大寫字母與轉換前小寫字母的大小相仿，所以稱之為小型大寫字母）。 font-variant 屬性的可選值如下：
6. font
font 屬性用於在一個宣告中設定所有的字體屬性，各個屬性之間使用空格隔開。也就是上述幾個屬性的綜合簡寫屬性。
如果我們使用font 屬性來設定字體樣式，設定順序分別是：font-style、font-variant、font-weight、 font-size/line-height、font-family。可以不設定其中的某個值，未設定的屬性會使用其預設值。