2016-09-24 18 views
-1

我們知道在您的網站上註冊的任何谷歌的字體URL時,然後可以在font-family CSS屬性使用它,每一個谷歌的字體名稱後,我們看到了通用字體家族名稱,比如名字sans-serif, serif, cursive and monospace像下面是否需要使用通用字體家族,每個谷歌的字體名稱

font-family: 'Tulpen One', cursive; 
font-family: 'Ubuntu', sans-serif; 
font-family: 'Trykker', serif; 
font-family: 'Ubuntu Mono', monospace; 

這些exapmles是谷歌的字體與font-family物業工作,無需使用通用字體家族的名字嗎?並只使用谷歌字體名稱?像下面

font-family: 'Tulpen One'; 
font-family: 'Ubuntu'; 
font-family: 'Trykker'; 
font-family: 'Ubuntu Mono'; 

回答

1

這個例子這一問題凸顯CSS的誤解 - 對font-face規則,你從谷歌獲得告訴CSS引擎,字節碼字體,資源用於特定字體家庭使用(並在其款式/重量) 。這就是它的一切,可以做到。無論您是使用來自Typekit或谷歌或github.io甚至是你自己本地託管在那些外部字體。

與此相反,您的CSS負責說明瀏覽器應該使用哪些字體系列用於特定內容:如果您列出了一個或多個字體系列,那麼瀏覽器將嘗試其中的每一種,直到它找到一個支持所需樣式的文本,並檢查每個字母。如果有不是由一個FONT-FAMILY支持的單個字母,它會檢查下一個字體。如果用完字體檢查(例如,你只列出一個字體系列值),那麼瀏覽器將只是猜想,然後選擇你不想做的感覺。

所以你(只有你)獲得,以確保您的網頁CSS有一個正確的字體堆棧。特別是當你依賴外部字體資源時,一些時候這些字體不可用並且你的字體系列指令會失敗是完全現實的:那麼是什麼呢?所以,至少是隨時添加通用字體,也可加一個或多個之間的「網絡安全」的字體。它看起來完美嗎?不,當然不是,但它看起來會比瀏覽器一個完整的猜測更好。

讓您的通用類的關鍵字,並添加更多一些:

font-family: Ubuntu, Tahoma, Geneva, sans-serif; 

使用完整的字體堆棧,因爲你不控制互聯網。計劃什麼時候不做你想做的事。