在使用自定義字體時(shí)候，很容易像PC端那樣定義，其實(shí)安卓和ISO系統(tǒng)，對中文字體是不支持，所以定義以后看到效果不是直接定義字體效果，如果需要定義

大家會想到 @font-face 定義為微軟雅黑字體并存放到 web 服務(wù)器上，在需要使用時(shí)被自動下載

@font-face {

font-family: 'MicrosoftYaHei';

src: url('MicrosoftYaHei.eot'); /* IE9 Compat Modes */

src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */

url('MicrosoftYaHei.ttf') ?format('truetype'), /* Safari, Android, iOS */

url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */

}

問題雖然解決了，但是這樣操作很消耗用戶流量，也對頁面打開造成了很大延遲。

我們在一起看看三大主流系統(tǒng)他們字體到底支持哪些呢？

ios 系統(tǒng)

默認(rèn)中文字體是Heiti SC

默認(rèn)英文字體是Helvetica

默認(rèn)數(shù)字字體是HelveticaNeue

無微軟雅黑字體

android 系統(tǒng)

默認(rèn)中文字體是Droidsansfallback

默認(rèn)英文和數(shù)字字體是Droid Sans

無微軟雅黑字體

winphone 系統(tǒng)

默認(rèn)中文字體是Dengxian(方正等線體)

默認(rèn)英文和數(shù)字字體是Segoe

無微軟雅黑字體

總結(jié)：

各個(gè)手機(jī)系統(tǒng)有自己的默認(rèn)字體，一般不支持我們常用字體，例如微軟雅黑等；

如無特殊需求，手機(jī)端無需定義中文字體，使用系統(tǒng)默認(rèn)即可。

英文字體和數(shù)字字體可使用 Helvetica ，三種系統(tǒng)都支持。

/* 移動端定義字體的代碼 */

body{font-family:Helvetica;}