-
font-family
鎖定
font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。也就是説，font-family 屬性的值是用於某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。
- 外文名
- font-family
- 版 本
- CSS1
- 繼承性
- 有
- 兼容性
- Firefox Chrome Safari Opera
- 參數值
- family-name、inherit
font-family術語簡介
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
font-family參數
第二種聲明方式使用所列出的字體序列名稱。如果使用fantasy序列，將提供默認字體序列
font-family説明
設置或檢索用於對象中文本的字體名稱序列。
默認值由瀏覽器確定。
序列可包含嵌入字體字體。請參閲@font-face規則。
對應的腳本特性為fontFamily。請參閲我編寫的其他書目。
font-family示例
font-family用法
你有時查看網頁源代碼，會看到類似下方的代碼：
font-family:"Microsoft YaHei UI",Arial,"Times New Roman";
初學者可能會覺得很疑惑。為什麼要為元素同時定義多個字體呢。
設定優先級
設計頁面時一般設計師會選定特定的一個字體以達到理想的效果，但更多情況下用户的電腦可能沒有安裝該字體。此時就要用font-family設定一個列表，靠前的字體優先顯示，如果沒有安裝則往後輪一個，以此類推。保證網頁不會因為沒有相應字體就被系統使用了不好看的字體。
舉個例子：
font-family:"Hiragino Sans GB","Lantinghei SC","Microsoft YaHei UI",SimHei,sans-serif
上例中，前兩項（"Hiragino Sans GB","Lantinghei SC"）是Mac機內置的字體，後兩項（"MicrosoftYaHeiUI",SimHei）是Windows機內置的字體。假定第一項（HiraginoSansGB）是設計師選定的理想字體，後面三個字體都和第一項字形相近，保證了網頁不會使用不好看的字體。最後的（sans-serif）保證以上字體全部沒有的超特殊情況下不會設置“沒有字體”。
中西文分別指定字體
設計頁面時有時會遇到中文和西文需要使用不同字體搭配使用的情況，這時就要把西文字體靠前放。因為西文字體只包含字母和數字而不包含漢字，在高優先級下被使用時漢字自然會輪到優先級低的字體來顯示。如果中文字體優先級較高，則會導致指定的西文字體不會被顯示。
舉個例子：
font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei UI",sans-serif
上例中，前三項是西文字體（"HelveticaNeue",Helvetica,Arial,），其中前兩項是Mac機內置字體，後一項（Arial）是Win與Mac兼有的字體，但不夠理想。後兩項（"HiraginoSansGB","MicrosoftYaHeiUI"）同前一例。
font-family瀏覽器支持
所有主流瀏覽器都支持 font-family 屬性。
- 參考資料
-
- 1. 如何優雅的選擇字體(font-family) ．SegmentFault[引用日期2017-11-25]
