首先我們網頁上要想統一字體其實有兩種方法，一種是選擇大家操作系統上都有的默認字體，第二種就是強行在網頁總載入字體文件來實現，但是非常非常不推薦這樣的方式，這樣對頁面的加載造成了負擔，并且沒有必要刻意的用特殊字體。

根據不同的操作系統推薦對應使用以下的字體：（系統：英文常用字體；中文常用字體）

• Windows：Tahoma 和 Arial；微軟雅黑（Microsoft yahei）；
• Mac OS 和 IOS：Helvetica；華文細黑（STXihei）、冬青黑體（Hiragino Sans GB）和蘋方（PingFang SC）；
• Android：Droid Sans；Droid Sans Fallback；
• Linux：Tahoma 和 Arial；文泉驛微米黑；

那么根據 css 的寫法，要想統一字體并且兼容所有的不同設備，最簡單的方法就是將所有的字體都包含進去，一下就是子凡整理的適合各個平臺系統的 font-family 設置：

//適合各個平臺的 font-family 設置
body{font-family:Helvetica,Tahoma, Arial,"PingFang SC",STXihei,"Microsoft yahei","WenQuanYi Micro Hei",sans-serif;}

以上的設置是針對 body 整個主體的，如果你需要根據頁面不同布局而設置不同的字體就需要單獨根據元素指定即可，不過還是應該盡可能的保持一致為最佳，至少對于在網站文章內容中，應該絕對的統一字體和格式，別弄得像許多微信公眾號的那種花樣編輯。

對于網站內容，特別是文章中，應該做到統一的字號、顏色、位置，當然對于小標題可以加粗或者稍微特殊樣式標明，但是也不應該過于花哨了。

總結

以上是生活随笔為你收集整理的css中适合各个平台的字体font-family 设置 兼容不同设备系统的全部內容，希望文章能夠幫你解決所遇到的問題。

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