What font should I use for my mobile page?

Designers usually like to use Microsoft Ya Black as a Chinese font design, so I write the page when also defined font-family for Microsoft Ya Black, later sent to the line, found that the font is not Microsoft ya Black, later learned that the mobile phone system iOS, Android, etc. is not support Microsoft ya Black font, In order to meet the needs of the page, to ensure the restoration of visual manuscript, mobile phone is how to define the Microsoft Ya black font?

I believe you will think of @font-face defined as Microsoft Jas font and placed on the Web server, when needed to be automatically downloaded.

@font-face {
font-family: ' Microsoftyahei ';
Src:url (' Microsoftyahei.eot '); /* IE9 Compat Modes */
Src:url (' Microsoftyahei.eot #iefix ') format (' Embedded-opentype '),/* IE6-IE8 */

URL (' microsoftyahei.woff ') format (' Woff '),/* Modern Browsers */
URL (' Microsoftyahei.ttf ') format (' TrueType '),/* Safari, Android, IOS */
URL (' Microsoftyahei.svg#microsoftyahei ') format (' SVG '); /* Legacy IOS */
}

Although the font problem is solved, it also has the effect of consuming the user's traffic, and secondly on the page opening speed caused by delay. Always feel bad, then find the three big mobile phone system font information:

iOS system

• The default Chinese font is Heiti SC

• The default English font is Helvetica

• The default digital font is Helveticaneue

• No Microsoft Ya-Black font

Android system

• The default Chinese font is Droidsansfallback

• The default English and digital fonts are droid Sans

• No Microsoft Ya-Black font

Winphone system

• Default Chinese font is Dengxian (founder and other line body)

• The default English and digital fonts are Segoe

• No Microsoft Ya-Black font

Can be found whether iOS, Android or WP system is not Microsoft ya Black font, and then did a small test, that is, the effect of Microsoft Ya Black font and the effect of the system default font to make a comparison, found that no matter which font is used in the page, the naked eye is difficult to see their differences, There is little impact on the experience of the product.

Conclusion:

1. Each phone system has its own default font, and does not support Microsoft Black.

2. If there is no special need, the mobile phone does not need to define the Chinese font, using the system default.

3. English fonts and digital fonts can be used Helvetica, three systems are supported.

What font should I use for my mobile page?