Unlocking Chinese Typography: A Beginner’s Guide to Fonts, History, and Web Use

This comprehensive guide explores Chinese font history, the distinction between simplified and traditional characters, major typeface families, the massive glyph counts required for professional fonts, and why traditional @font-face web embedding remains impractical, offering practical insights for designers and developers.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
Unlocking Chinese Typography: A Beginner’s Guide to Fonts, History, and Web Use

Why Care About Chinese Fonts

From a practical standpoint, an increasing number of websites and graphic design projects require Chinese versions, and understanding the unique characteristics of Chinese typography is essential for creating effective designs.

Simplified vs Traditional Chinese

Chinese writing has two standards. After 1949, the Chinese government simplified characters to improve literacy, creating Simplified Chinese used on the mainland. Hong Kong, Taiwan, and Macau retained Traditional Chinese, which remains in use in overseas Chinese communities and historical texts.

Challenges for Font Development

Professional Chinese fonts must contain roughly 20,000 glyphs for Simplified and at least 30,000 for Traditional, plus Latin letters, IPA symbols, and punctuation. Non‑professional fonts may include only a few thousand common glyphs, which are insufficient for most applications.

Web Usage and @font-face

Chinese fonts are not typically used with @font-face because individual font files can be 3–7 MB, making them too large for web embedding. Experimental techniques and services like Justfont have emerged, but standard web browsers still rely on system fonts or image/SVG fallbacks.

Main Font Categories

Chinese typefaces are broadly divided into two groups that parallel Western classifications: Song (serif) and Hei (sans‑serif).

Song (Serif)

Song typefaces trace back to the Song dynasty woodblock printing era. The most common modern example is SimSun (中易宋体), the default Chinese font on Windows systems and the de‑facto Times New Roman for Simplified Chinese.

Hei (Sans‑serif)

Hei typefaces emerged in the early 20th century advertising scene. SimHei is the standard sans‑serif font, though Microsoft YaHei has become the preferred choice on newer Windows versions despite some compatibility issues.

Kaiti (Regular Script)

Kaiti imitates traditional brush‑written script and is used for body text. It lacks a dedicated web‑font standard, but can be specified as “Kaiti” or “Biao Kaiti” in CSS.

Other Notable Styles

Additional families include FangSong (a hybrid of Song structure and Kaiti style), artistic fonts that require vector or bitmap files, and rounded Hei variants used in advertising and insurance. Font names often carry prefixes indicating the foundry, such as “HY” for 汉仪 or “FZ” for 方正.

Licensing and Cost

Chinese fonts are significantly more expensive than Latin fonts due to the large glyph sets. However, many foundries offer limited‑feature trial versions suitable for logos or small projects.

Typographic Structure

Chinese characters occupy a square grid, and punctuation also fits within this grid, eliminating the need for spaces after periods or commas. Studies show that inserting spaces between words does not improve readability for native readers.

Reading Direction

While Chinese can be written vertically, modern usage follows left‑to‑right, top‑to‑bottom ordering, similar to English, especially for standard body text.

Modern Chinese Layout Examples

Examples of contemporary Chinese poster design, typographic art, and experimental font projects illustrate the creative possibilities of Chinese typography.

DesignTypographyWeb fontsChinese fontsFont classification
JD.com Experience Design Center
Written by

JD.com Experience Design Center

Professional, creative, passionate about design. The JD.com User Experience Design Department is committed to creating better e-commerce shopping experiences.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.