Front-end font settings, Chinese-English comparison table commonly used font types

font-family:'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif

Chinese fine black: STHeiti Light [STXihei]

Chinese bold: STHeiti

Chinese Kaiti: STKaiti

Chinese Song Style: STSong

Chinese Imitation of Song Dynasty: STFangsong

儷黑 Pro:LiHei Pro Medium

LiSong Pro: LiSong Pro Light

Standard italics: BiauKai

Apple Li Zhonghei: Apple LiGothic Medium

Apple LiSung Light: Apple LiSung Light

Some for Windows:

New fine body: PMingLiU

Fine body: MingLiU

Standard script: DFKai-SB

Bold: SimHei

Times New Roman: SimSun

New Song: NSimSun

Imitation of Song Dynasty: FangSong

Typeface: KaiTi

Imitation Song_GB2312: FangSong_GB2312

KaiTi_GB2312: KaiTi_GB2312

Microsoft positive bold: Microsoft JhengHei

Microsoft YaHei: Microsoft YaHei

Installing Office will produce some:

Book: LiSu

Youyuan: YouYuan

Chinese fine black: STXihei

Chinese Kaiti: STKaiti

Chinese Song Style: STSong

Chinese Song: STZhongsong

Chinese Imitation of Song Dynasty: STFangsong

Founder Shuti: FZShuTi

Founder Yaoti: FZYaoti

Chinese colorful clouds: STCaiyun

Chinese amber: STHupo

Chinese official script: STLiti

Chinese Xingkai: STXingkai

New Chinese Wei: STXinwei

Everyone can bookmark it for easy reference


ios system

The default Chinese font is Heiti SC

The default English font is Helvetica

Default number font is HelveticaNeue

No Microsoft Yahei font

android system

The default Chinese font is Droidsansfallback

The default English and number font is Droid Sans

No Microsoft Yahei font

winphone system

The default Chinese font is Dengxian (Founder and other lines)

The default English and number font is Segoe

No Microsoft Yahei font

It can be found that there is no Microsoft Yahei font in the ios, android, or wp systems. Then I did a small test to compare the effect of the Microsoft Yahei font with the default font of each system. I found that no matter the page It is difficult to see the difference between them with the naked eye, which has little effect on the product experience.

in conclusion:

Each mobile phone system has its own default font, and none of them support Microsoft Yahei.

If there is no special requirement, there is no need to define Chinese fonts on the mobile phone, and the system defaults are used.

English fonts and digital fonts can use Helvetica, and all three systems support it.

OK, the evidence is overwhelming. If the designer needs to use some special English fonts, such as beautiful din1451a, akzidenzgrotesk-cond, etc., we need to convert them, and then use @font-face to quote them. This method is not much to say, so easy

Guess you like

Origin blog.csdn.net/m0_57033755/article/details/130965609