最近集中精力寫了一系列移動端頁面，遇到不少問題，也收穫不少知識，之後我就會將問題的記錄，和解決方案寫到這裏，給初涉移動端開發的小朋友看一下，也爲本身記錄下成長曆程。
android
今天想說的是移動端字體的設置問題。ios
我將個人一系列用於微信對接的頁面字體所有都設置成font-family：「Microsoft YaHei」，結果慘不忍睹。尤爲是在蘋果手機上，數字和英文的字體那叫一個醜啊！因而開始上網處處翻解決方案，才知道原來是這樣：chrome
目前市場的3大系統都不支持微軟雅黑字體！微信
ios 系統字體
默認中文字體是Heiti SCspa
默認英文字體是Helvetica調試
默認數字字體是HelveticaNeueorm
無微軟雅黑字體開發
android 系統it
默認中文字體是Droidsansfallback
默認英文和數字字體是Droid Sans
無微軟雅黑字體
winphone 系統
默認中文字體是Dengxian(方正等線體)
默認英文和數字字體是Segoe
無微軟雅黑字體
經過觀察能夠發現，這三種手機系統默認的字體，都是無襯線體，且都與微軟雅黑相似，因此如無特殊要求，手機端無需定義中文字體，使用系統默認英文字體和數字字體均可使用Heletica，這種英文字體，三種系統都是支持的。
因而乎，我將CSS中設置的font-family：「Microsoft YaHei」通通去掉，只規定body{font-family：Heletica;}便可。雖然在chrome上調試的時候看起來字體很醜，可是放到手機上，字體就很OK啦！