前言

最近總是遇到了font-family的問題，借此機會總結一下font-family的原理和用法

不同的系統里面內置的字體是不一樣的，比如：微軟的系統內置有微軟雅黑，mac系統內置平方字體，而瀏覽器上的字體來自系統的字體，系統里面有什么字體，瀏覽器就有什么字體，兩者是同步的。每個瀏覽器都有他們自己的默認字體，默認字體可以在設置里面重新設置，如果網頁沒有設置字體，那么同一張網頁在不同的瀏覽器上就會顯示不一樣的字體，為了解決這種兼容性問題，需要在css里面對font-family進行設置。

font-family 用法

font-family: 字體，通用字體； 復制代碼

字體：就是具體某個字體的名字，比如：Helvetica，微軟雅黑，Times Roman等

通用字體：指具有某個共同特征的一類字體，是一類字體的集合，不是某一個具體的字體，通用字體共有5種：

• serif 帶襯線字體，筆畫尾部有裝飾
• sans-serif 無襯線字體，筆畫尾部是平滑的字體
• monospace 等寬字體，每個字體的寬度相同
• cursive 草書字體，字體有的連筆，有的還有特殊效果
• fantasy 藝術字體，主要是有藝術效果的字

設置字體的方法：

1. 使用font設置字體的大小和樣式

font: 12px/1.5 'Microsoft Yahei','STHeiti',Arial,sans-serif; 復制代碼

2. 單獨使用font-family設置字體

font-family：'Microsoft Yahei','STHeiti',Arial,sans-serif;復制代碼

左邊字體的優先級大于右邊，瀏覽器會優先使用左邊的字體，如果系統里面沒有左邊的字體，那么會往右邊找下去，直到最后一個字體，例如：系統有Miscroft Yahei字體，那么瀏覽器就不會使用STHeiti，如何瀏覽器Miscroft Yahei，STHeiti，Arial三種字體都沒有，那么瀏覽器就會從sans-serif字體族里選擇一種，每個瀏覽器都會有通用字體，所以為了字體能夠更好的顯示，一般在font-family的最后面加上一個通用字體。

注意：

• 如果font-family只有中文字體，那么這個字體會同時影響中文和英文
• 如果font-family只有英文字體，那么這個字體也會同時影響中文和英文
• font-family同時有中文和英文字體，那么中文字體只會影響中文，英文字體只會影響英文

總結

以上是生活随笔為你收集整理的font-family解惑的全部內容，希望文章能夠幫你解決所遇到的問題。

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