SimHei and Yahei both look good at a large font size, but are not clear enough when the font size is below 16px. We fallback to SimHei usually, but it is not as good as Microsoft YaHei. “Yahei is installed on Windows7, but still 68% of Chinese ( os.) users using WinXP.
Chinese simplified font windows#
Astute Chinese reader and web developer DaiJie (check out his Chinese language blog, if you’re so inclined) points out that SimSun is the fall-back font for Microsoft YaHei, which was introduced as of Windows 7, and Yahei doesn’t display on older machines. It looks like this:Įxample site: This very nice Baidu blog users MS Yahei as base body font. I find it’s modern, fresh and clean, and like a Rubenesque lady, is thick in all the right bits.
Chinese simplified font mac#
Microsoft YaHei is in my opinion, the Helvetica of the Chinese font world – it looks nice in most sizes (the Mac font equivalent is probably STXihei, the “light” version of STHeiTi). It looks like this:Įxample site: Chinese video sharing site uses SimSun as base body font.įont-family: Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif 微软雅黑 – MICROSOFT YAHEI But if what you’re looking for is the de-facto, big-uncool-websites-all-use-it Chinese font, you’ve found it. It’s a bit heavy on the aggressively utilitarian boringness.
Personally, I dislike SimSun, in the same way many designers dislike Arial. 宋体, or SimSun, is by far the most commonly used base body font in Chinese web design. You do not need to do this:įont-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif įont-family: Georgia, "Times New Roman", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif A LOOK AT THE MAJOR CHINESE FONTS 宋体12号 – SIMSUN 12PT FONT I asked for input on this and a few readers have responded. DO I HAVE TO PUT QUOTES AROUND CHINESE FONTS IN FONT DECLARATIONS? Which one you declare first should depend first on the platform you’re targeting.
Chinese simplified font for mac#
Just like with English-language fonts, you should declare at least one Chinese font for Windows and one Chinese font for Mac (as with the Arial / Helvetica nonsense). This should apply even if your site is mostly in Chinese or is targeting a wholly Chinese audience, because English characters will pop up in Chinese language sites as a matter of course – in usernames, for example.įont-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif DECLARE THE MICROSOFT FONT AND THE MAC FONT On the other hand, if you declare your English fonts first, Roman characters will be rendered in the first font, and Chinese characters will be displayed using the fall-back (Chinese) font. What that means is that if you declare your Chinese fonts before your English fonts, any English-language computer that has the standard Chinese font faces installed will display English characters using Chinese fonts, and let’s be honest, English letters in Chinese font families are fugly. Why? Because English language fonts do not contain the glyphs for Chinese characters, but Chinese fonts do contain a-z characters. I’m sure someone’s come up with a standardized rule on this, but I’ve never seen one, so here’s mine: always declare all your target English fonts first. What this does is help reference the font file regardless of weather it’s been stored in the local system under its Chinese or western name – you’re covering all your bases here.įont-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif DECLARE ENGLISH TARGET FONTS BEFORE CHINESE TARGET FONTS When declaring a Chinese font family, it’s typically a good idea to type out the romanization of the font (for example, “SimHei”) and declare the Chinese characters as a separate font in the same declaration. GOOD RULES FOR USING CHINESE FONTS IN CSS USE THE CHINESE CHARACTERS, AND ALSO SPELL OUT THE FONT NAME Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified ChineseĪpFIRST THINGS FIRST: WHAT ARE THE STANDARD SIMPLIFIED CHINESE WEB FONTS? Windows
0 kommentar(er)
