摘要
在web編碼中,css預設應用的web字型是有限的,網頁一般都是先有設計稿,然後轉為div+css**,這其中就會出現很大的差異,例如在移動端的**展示字型的問題,移動端沒有微軟雅黑字型。
一、手機系統預設字型
1、ios 系統
(1)、預設中文字型是heiti sc
(2)、預設英文本型是helvetica
(3)、預設數字字型是helveticaneue
(4)、無微軟雅黑字型
2、android 系統
(1)、預設中文字型是droidsansfallback
(2)、預設英文和數字字型是droid sans
(3)、無微軟雅黑字型
3、winphone 系統
(1)、預設中文字型是dengxian(方正等線體)
(2)、預設英文和數字字型是segoe
(3)、無微軟雅黑字型
二、移動端web字型選擇建議
1、各個手機系統有自己的預設字型,且都不支援微軟雅黑
2、如無特殊需求,手機端無需定義中文字型,使用系統預設
3、英文本型和數字字型可使用 helvetica ,三種系統都支援
**:
12
/* 移動端定義字型的** */
body
關於web移動端定位
最近在做乙個搜尋附近3公里所有超市資訊 已經錄入資料庫的超市資訊 的功能。思路很簡單只是獲取使用者當前地理位置 經緯度 通過sql語句篩選出3公里範圍內的所有超市資訊,然後傳遞到前台頁面展示出來。但是我是第一次通過移動端web獲取使用者地理位置,遇到很多的問題,我覺得我有必要記錄一下,一方面彰顯自己...
移動端字型
一直不知道手機端用的什麼字型,只是覺得類似雅黑,直到有一次設計師問到設計移動web頁面該用什麼字型才嚴肅地想起這個問題。前人已栽樹,後人我就直接轉來吧 回想2年前剛開始接觸手機專案,接到psd稿後,發現視覺設計師們喜歡用微軟雅黑作為中文字型進行設計,於是我寫頁面的時候也定義 font family ...
移動端web頁面使用字型分析
一直不知道手機端用的什麼字型,只是覺得類似雅黑,直到有一次設計師問到設計移動web頁面該用什麼字型才嚴肅地想起這個問題。前人已栽樹,後人我就直接轉來吧 回想2年前剛開始接觸手機專案,接到psd稿後,發現視覺設計師們喜歡用微軟雅黑作為中文字型進行設計,於是我寫頁面的時候也定義 font family ...