CSS字體的font-family屬性：

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

serif： 包括有襯線的字體，看到這種字體就會(huì)想到新聞報(bào)紙的文字排版。

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

cursive： 包括看似手寫的字體，有時(shí)會(huì)看到標(biāo)題中運(yùn)用這些字體。

fantasy： 包含有某種風(fēng)格的裝飾性字體。

使用規(guī)則 ：
例子：給body標(biāo)簽添加樣式

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

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

@font-face規(guī)則的使用：

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

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

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

5.在.html文件中導(dǎo)入css樣式表

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

7.保存代碼，運(yùn)行即可。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。