CSS字體的font-family屬性：

font-family屬性一共有5個字體系列，分別是：
sans-serif： 包括沒有襯線的字體，與serif相比，通常認為sans-serif在計算機屏幕上更容易識別。

serif： 包括有襯線的字體，看到這種字體就會想到新聞報紙的文字排版。

monospace： 包含固定寬度的字符，例如，一個“i”在水平方向所占寬度與一個“m”所占寬度是相同的，主要用于顯示軟件代碼示例。

cursive： 包括看似手寫的字體，有時會看到標題中運用這些字體。

fantasy： 包含有某種風格的裝飾性字體。

使用規則 ：
例子：給body標簽添加樣式

body {font-family: Verdana, Geneva, Arial, sans-serif; }

通常指定的font-family包含一個候選字體系列列表，它們都來自同一個字體系列。
候選字體要完全按照輸入要求進行輸入，大小寫必須一致。
最后總是放一個通用的字體系列名，如“sans-serif”，“serif”，因為計算機會從第一個字體開始查看電腦上是否有這個字體，如果有這個字體則應用這個字體，如果沒有就會查詢下一個字體，要是全部候選字體都沒有查到則會使用瀏覽器默認的“sans-serif”字體（根據最后一個來決定使用什么默認字體），這就是為什么需要在最后面添加通用字體系列名的原因。

@font-face規則的使用：

這個規則允許你定義一種字體的名字和位置，然后可以在你的頁面使用。
使用步驟：
1.先從字體網站下載自己需要的字體
2.確保下載的字體中包含所需字體的所有格式
常用字體擴展名包含：“.ttf”，“.otf”，“.eot”，“.svg”，“.woff”
如果沒有的話可以進入網站（https://www.fontsquirrel.com/）進行如下操作：
（1）進入網站，點擊發電機（Generator）

（2）依次點擊上傳字體、最佳、協議和下載套件
（3）解壓壓縮包即可得到其他擴展名的字體
3.在自己的Web項目中建立的fonts文件夾中導入下載好的字體

4.將字體包中自帶的stylesheet.css樣式表導入項目的css文件夾下，并修改@font-face的src路徑

5.在.html文件中導入css樣式表

6.在stylesheet.css樣式表中給自己想要添加該樣式的屬性添加樣式，這里的font-family屬性值必須和@font-face中的一樣。

7.保存代碼，運行即可。

總結

以上是生活随笔為你收集整理的CSS字体的font-family属性和@font-face使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。