關於移動端web字型

2021-07-10 03:07:00 字數 667 閱讀 9865

摘要

在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 ...