移動(dòng)端h5不支持font-family里面的楷體、微軟雅黑等字體怎么辦

這篇文章給大家分享的是有關(guān)移動(dòng)端h5不支持font-family里面的楷體、微軟雅黑等字體怎么辦的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

移動(dòng)端h6不支持font-family里面的楷體、微軟雅黑等字體

移動(dòng)端不支持pc端的各種字體。移動(dòng)端各種系統(tǒng)有各自的字體：

ios 系統(tǒng)
默認(rèn)中文字體是Heiti SC
默認(rèn)英文字體是Helvetica
默認(rèn)數(shù)字字體是HelveticaNeue
無(wú)微軟雅黑字體

android 系統(tǒng)
默認(rèn)中文字體是Droidsansfallback
默認(rèn)英文和數(shù)字字體是Droid Sans
無(wú)微軟雅黑字體

總結(jié)：
各個(gè)手機(jī)系統(tǒng)有自己的默認(rèn)字體，一般不支持我們常用字體，例如微軟雅黑等；
如無(wú)特殊需求，手機(jī)端無(wú)需定義中文字體，使用系統(tǒng)默認(rèn)即可。
英文字體和數(shù)字字體可使用 Helvetica都支持。
/ 移動(dòng)端定義字體的代碼 /
body{font-family:Helvetica;}

總而言之，就只有一種辦法：引入字體庫(kù)。（字體庫(kù)一般10M左右，犧牲打開(kāi)速度）

字體到站長(zhǎng)去下：http://font.chinaz.com/

引入：

<style>
@font-face { 
  font-family: STKAITI; /*這里是說(shuō)明調(diào)用來(lái)的字體名字*/ 
  src: url(‘STKAITI.TTF’); /*這里是字體文件路徑*/ 
    }

    .content{  font-family: STKAITI;}
</style>
<div class="content">噠噠噠噠噠噠多多多多多，我在手機(jī)端也是現(xiàn)實(shí)楷體了啦啦</div>

感謝各位的閱讀！關(guān)于“移動(dòng)端h5不支持font-family里面的楷體、微軟雅黑等字體怎么辦”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！