The design consists of four characters, read from top to bottom, illustrating a popular Chinese saying. Since days of searching have brought me no closer to answering my most pressing Chinese font questions, I bit the bullet and sat down to do some testing and write up my own guide in English for Western web and UI designers targeting users in China (yeah, all three of us).A Gallery of Modern Typographic Design in Chinese Let’s put it together, shall we I have some primo Chinese typographic design work here, starting with this poster by Tan Ho from Macau. For most users, writing essays, articles, posts, threads with Song font, it looks standard, easy to read.Massive Google fail. The site does not automatically detect whether the input is in simplified or traditional Chinese, but it will convert the characters based on the input group chosen.Generally used fonts in china are Song, Imitated song,Xingkai, Hei. There are other fonts available in additional to calligraphy. The tool allows quick conversion of simplified Chinese to traditional Chinese fonts and vice versa.
Chinese Font Design Free To Download
Why? Because English language fonts do not contain the glyphs for Chinese characters, but Chinese fonts do contain a-z characters. 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.Font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","?", STXihei, "?", sans-serif Declare English target fonts before Chinese target fontsI’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. I am.Good Rules for Using Chinese fonts in CSS Use the Chinese characters, and also spell out the font nameWhen 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. See more ideas about korean fonts, typography, typography design. A free to download Chinese font that was designed based on calligrapher Wen. At the same time, we also provide more than 100000+ Chinese.Most Popular Animated Black Blue Brown Burning Button Casual Chrome Distressed Elegant Embossed Fire Fun Girly Glossy Glowing Gold Gradient Gray Green Heavy Holiday Ice Medieval Orange Outline Pink Plain Purple Red Rounded Science-Fiction Script Shadow Shiny Small Space Sparkle Stencil Stone Trippy Valentines White Yellow.?: Hiragino Sans GB.
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:Example 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. It looks like this:Example site: Chinese video sharing site uses SimSun as base body font.Font-family: Arial, Helvetica, tahoma, verdana, ?, SimSun, ?, STXihei, sans-serif ? – Microsoft YaHeiMicrosoft 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). 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.
When font size is large than 16 px, SimSun looks ugly. 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.
So, while it’s impractical on a CMS platform where you’re dealing with a bunch of user-generated data, that’s not to say it can’t be done.You can use the CodeAndMore fontface generator to skip over Font Squrrel’s file size limit if you’re so inclined. Many of my non-standard Chinese fonts run upwards of 5MB, and the generator over at Font Squirrel has a 2MB file size limit. It looks like this:Font-family: Georgia, "Times New Roman", "KaiTi", "?", STKaiti, "?", serif What’s the deal with Chinese characters and that most Chinese font files are kinda ginormous and typically include at least 3000 base glyphs, Chinese doesn’t lend itself very well to embedding. I find that Kaiti doesn’t do well below 14pt. It looks like this:Font-family: Georgia, "Times New Roman", "FangSong", "?", STFangSong, "?", serif ? – KaiTiKaiti is another script font that’s a little roomier than FangSong with slightly more shapely strokes (very slightly), and the character spacing is just a little bit wider. I feel that, like with many script fonts, it really does need a 14px base font size or above.
Aaaand another one: Youziku.com. They do, however, offer Facebook sign-up, so you’ll be able to get that far at least. Problem: they don’t have an English-language interface, so if you can’t work in Chinese, you’ll have a problem using the site. They’ve got a decent library of font options, both for simplified and traditional Chinese characters (less for Simplified characters, but that may change in time). I just found out about a company called JustFont based out of Taiwan that offers a Typekit-style font hosting for Chinese style fonts.
Best thing about this is that unlike most Chinese fonts, this one comes in 7 weights all the way from Extralight to Heavy – yeah, baby. Though these fonts are not yet available as hosted fonts on English servers ( desktop version only on Typekit and Google as of Dec 2014), the font is hosted on Youziku.com, under its Chinese font name, ?. What’s up with the new free font, Source Han Sans?So, Adobe, who put out Source Sans (English) font a few years ago, teamed up with Google in summer 2014 to release Source Han Sans, the best thing to happen to Chinese web fonts basically ever. And two, if you use their hosted service, there’s a little jump on page load – the page loads the content first then applies the font to it, so you see unstyled characters for a split second before the font settles into place. They offer three embedding methods for their fonts, but only the webservice script really gives you similar usage freedom to issues that I’ve found: extra-thin fonts displayed at small sizes come out looking super ragged to the point of being unusable. My shop has tested these guys out, and for the most part, everything works well.
There are a couple of Traditional Chinese fonts there, but no Simplified fonts yet. Google does offer an “ Early Access Webfonts” page, where you can snag embedding code for experimental fonts. The font’s lovely, though – you should get it. There are Chinese versions available for download, but these are not hosted on Google webfonts yet. 2014) working on a free font called “ Noto Sans” (here’s the project page), which aims to support all the world’s languages. And what about Noto Sans Hans?Google is currently (Dec.
Get the details on SEO Shifu. If your site is targeting both China-based and non-China-based users, the recommendation is to load a script that decides which webfont source to use based on the user’s IP. If your site is only targeting China, you can use the Qihoo 360 mirror to load Google webfonts.
And buy their ready-made fonts, they’re really cool.
0 kommentar(er)
