總是搞不懂 CCS 中如何正確的使用字體，這下明白了。

1、什么是 font-face

font-face 顧名思義，就是文字的臉。字體是文字的外在形式，就是文字的風格，是文字的外衣。比如行書、楷書、草書，都是一種字體。同樣一個字每個人寫起來都會有差異，可以說每個人都有一套潛在的字體庫。對于web頁面來說，字體就是計算機上存儲的一套文字顯示方式。通過對文字進行一些特殊處理（比如末端加強）來提高不同環境中文字的可讀性。

2、什么是 font-family

關于 font-family 的介紹大多數只是說明他可以設置文本中的字體名稱序列。其實 font-family 真正的作用是將一系列近似的字體按照優先級順序組成一個列表，瀏覽器從第一項開始依次查找，找到第一種可用的字體來顯示文字。

font-family: Times New Roman,"open-sans","幼圓",sans-serif

當瀏覽器顯示一個字符時，會首先從 Times New Roman 中尋找這個字符，如果找到就用 Times New Roman 字體來顯示這個字符。如果沒找到就去 open-sans 中尋找，如果找到就用該字體顯示字符，沒找到就會依次尋找下去，如果在通用字體庫 sans-serif 中也沒有找到就會用一個缺字符代替（通常是小方框）。

<p style='font-family: Times New Roman,"open-sans","幼圓",sans-serif'><span>時間就是金錢</span><span>Time is money.</span>
</p>

比如上面這段代碼，對于漢字部分瀏覽器會先去 Times New Roman 中查找，沒有找到，接著再去 open-sans 中查找，仍然沒有找到，繼續到“幼圓”中尋找，幼圓中可以找到對應字符則用該字體來顯示。對于英文部分可以在 Times New Roman 中尋找則會用該字體來顯示。

font-family 中有時候字體加引號有時候不加引號。區別在于對字體名稱中空格的處理不同。不加引號時，忽略字體左右兩端的空白字符，單詞之間的空白字符被解釋為一個空白字符。

轉載于:https://www.cnblogs.com/imapla/p/5533003.html

總結

以上是生活随笔為你收集整理的CCS Font 知识整理总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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