css中适合各个平台的字体font-family 设置 兼容不同设备系统
首先我們網(wǎng)頁上要想統(tǒng)一字體其實有兩種方法,一種是選擇大家操作系統(tǒng)上都有的默認字體,第二種就是強行在網(wǎng)頁總載入字體文件來實現(xiàn),但是非常非常不推薦這樣的方式,這樣對頁面的加載造成了負擔(dān),并且沒有必要刻意的用特殊字體。
根據(jù)不同的操作系統(tǒng)推薦對應(yīng)使用以下的字體:(系統(tǒng):英文常用字體;中文常用字體)
- Windows:Tahoma 和 Arial;微軟雅黑(Microsoft yahei);
- Mac OS 和 IOS:Helvetica;華文細黑(STXihei)、冬青黑體(Hiragino Sans GB)和蘋方(PingFang SC);
- Android:Droid Sans;Droid Sans Fallback;
- Linux:Tahoma 和 Arial;文泉驛微米黑;
那么根據(jù) css 的寫法,要想統(tǒng)一字體并且兼容所有的不同設(shè)備,最簡單的方法就是將所有的字體都包含進去,一下就是子凡整理的適合各個平臺系統(tǒng)的 font-family 設(shè)置:
//適合各個平臺的 font-family 設(shè)置
body{font-family:Helvetica,Tahoma, Arial,"PingFang SC",STXihei,"Microsoft yahei","WenQuanYi Micro Hei",sans-serif;}
以上的設(shè)置是針對 body 整個主體的,如果你需要根據(jù)頁面不同布局而設(shè)置不同的字體就需要單獨根據(jù)元素指定即可,不過還是應(yīng)該盡可能的保持一致為最佳,至少對于在網(wǎng)站文章內(nèi)容中,應(yīng)該絕對的統(tǒng)一字體和格式,別弄得像許多微信公眾號的那種花樣編輯。
對于網(wǎng)站內(nèi)容,特別是文章中,應(yīng)該做到統(tǒng)一的字號、顏色、位置,當(dāng)然對于小標(biāo)題可以加粗或者稍微特殊樣式標(biāo)明,但是也不應(yīng)該過于花哨了。
總結(jié)
以上是生活随笔為你收集整理的css中适合各个平台的字体font-family 设置 兼容不同设备系统的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: xd股票可以买吗
- 下一篇: 95559是什么银行