移動端字型設定最佳實踐

2021-07-25 22:34:34 字數 670 閱讀 7562

body

ios 4.0+ (ios 9以下系統已經非常少) 使用英文本型 helvetica neue,之前的ios版本降級使用 helvetica。 中文字型設定為華文黑體stheiti。

微軟雅黑是為了相容win系統,畢竟視網膜解析度的win系統用simsun是非常醜陋的,可以用4k屏@windowns 去看 jd **,你能忍的話我就沒話說

pingfang sc 是簡體蘋方,看需要 如果要命中對應 蘋方字型的話 直接寫 pingfang 不帶引號。

heiti sc light 黑體-簡 細體

heiti sc medium 黑體-簡 中黑

heiti tc light 黑體-繁 細體

heiti tc medium 黑體-繁 中黑

原生android下中文字型與英文本型都選擇預設的無襯線字型。

4.0之前版本英文本型原生android使用的是droid sans,中文字型原生android會命中droid sans fallback。

4.0+ 中英文本型都會使用原生android新的roboto字型。

其他第三方android系統也一致選擇預設的無襯線字型。

android 就直接讓它命中系統字型吧,因為你無法預知發行廠商會去內建什麼字型,或者人家root去修改什麼字型。

移動端字型設定

body ios 4.0 ios 9以下系統已經非常少 使用英文本型 helvetica neue,之前的ios版本降級使用 helvetica。中文字型設定為華文黑體stheiti。微軟雅黑是為了相容win系統,畢竟視網膜解析度的win系統用simsun是非常醜陋的,可以用4k屏 windows ...

移動端如何設定字型

說起移動端字型,就會想到它的布局方式以及布局單位,那麼以下就是幾種布局 布局方式 一 靜態布局 static layout 即傳統web設計,網頁上的所有元素的尺寸一律使用px作為單位。1 布局特點 不管瀏覽器尺寸具體是多少,網頁布局始終按照最初寫 時的布局來顯示。常規的pc的 都是靜態 定寬度 布...

移動端字型

一直不知道手機端用的什麼字型,只是覺得類似雅黑,直到有一次設計師問到設計移動web頁面該用什麼字型才嚴肅地想起這個問題。前人已栽樹,後人我就直接轉來吧 回想2年前剛開始接觸手機專案,接到psd稿後,發現視覺設計師們喜歡用微軟雅黑作為中文字型進行設計,於是我寫頁面的時候也定義 font family ...