[Original] thoughts on using fonts for mobile web pages

Looking back at the first mobile phone project two years ago, after receiving the PSD, I found that visual designers like to design with as a Chinese font, so when I wrote the page, I also defined the font-family as. Later I sent it online, and the careful product manager found that the font of the page was not and asked to modify it immediately, I was shocked and had a conflict with the product.

Later I learned that mobile phone systems such as ios and android do not support the font. To meet product requirements and ensure the restoration of visual drafts, how does the mobile terminal define the font?

I believe you will think that @ font-face is defined as the font and stored on the web server.

{:;:; :;    }

.

 

Ios system

• The default Chinese font is STHeiti (Apple)
• The default English font is Helvetica.
• The default numeric font is HelveticaNeue.
• No Fonts

Android system

• The default Chinese font is Droidsansfallback (文中)
• The default English and digital fonts are Droid Sans.
• No Fonts

Winphone System

• The default Chinese font is Dengxian)
• The default English and digital fonts are Segoe.
• No Fonts

Unlined font

For the differences between the linefeed font and the silent font, see:

So,He persuaded the product manager to give up the idea of using.

Conclusion

• Each mobile phone system has its own default font and does not support
• If you do not have special requirements, you do not need to define Chinese fonts on the mobile phone end. Use the system default
• You can use Helvetica for English and digital fonts.

Code:

{:;}

 

If you have any questions, you are welcome to discuss it with me.