Open Sans字型相容問題解決辦法[font-face]1.font-face使用方法

參考：http://www.tantengvip.com/2014/11/open-sans/

font-face是CSS3中的一個子產品，主要是把自定義的Web字型嵌入到網頁中

@font-face的文法規則：

Open Sans字型相容問題導緻浏覽器不顯示數字，在wordpress的twentytwelve主題中采用了Open Sans字型。這個問題在chrome浏覽器不存在，但是在360安全浏覽器極速模式，safari，和百度浏覽器中遇到了Open Sans字型相容問題，頁面上隻要是數字的地方都顯示空白。後來發現是因為浏覽器無法顯示Open Sans字型的原因。

在wordpress的twentytwelve主題樣式表檔案style.css中找到了這一句：

去掉Open Sans就OK了，原因可能就是浏覽器無法加載這個字型的緣故。wordpress預設是采用谷歌的字型服務，連接配接到fonts.googleapi.com，但是速度太慢了，改用了useso的伺服器，按理說這個倒沒有什麼影響，但是許多浏覽器頁面上隻要是數字的地方就是空白的，css中去掉Open Sans就好了，應該就是Open Sans字型的相容問題。