This document is just a summarize of below document:
Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese
-
Use the Chinese characters, and also spell out the font name, e,g:
"Microsoft Yahei","微软雅黑" -
Declare English target fonts before Chinese target fonts, e,g:
English target fonts firstly: Tahoma, Helvetica, Arial Then: "Microsoft Yahei","微软雅黑" -
Declare the Microsoft font and the Mac font, e,g:
Microsoft fonts: Microsoft YaHei New Mac IOS fonts: STXihei
As a conclusion, the recommended safe web fonts for English and Chinese mixed site are:
@font-family-sans-serif: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;