{"id":71466,"date":"2022-05-02T16:01:00","date_gmt":"2022-05-02T06:01:00","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=37324"},"modified":"2025-11-11T17:45:52","modified_gmt":"2025-11-11T06:45:52","slug":"the-complete-beginners-guide-to-chinese-fonts","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/the-complete-beginners-guide-to-chinese-fonts","title":{"rendered":"The Complete Beginner\u2019s Guide to Chinese Fonts"},"content":{"rendered":"\n<p>How many glyphs are there in a Chinese font type set? Does Chinese have \u201cserifs\u201d and \u201csans-serifs\u201d? What is the Helvetica of the Chinese font world? We\u2019ll answer all these questions and more as we cannonball into the deep end of East Asian and Chinese typography.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why You Should Care<\/h2>\n\n\n\n<p>From a practical perspective, I\u2019m getting an increasing number of calls from web and graphic designers who are being asked to produce Chinese-language versions of printed and digital materials. That might be you someday, no?<\/p>\n\n\n\n<p>From a learner\u2019s perspective, Chinese typography is just flat-out cool. As far as anyone knows, Chinese is the world\u2019s oldest in-use writing system, and most of the major East Asian written languages are kind of like GitHub forks of written Chinese. Many of those languages, though they&#8217;ve evolved into something unique and distinct, still include Chinese characters today.<\/p>\n\n\n\n<p>Plus, Chinese is pretty. Who doesn\u2019t like looking at pretty things?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Because Nothing\u2019s That Easy: Traditional vs. Simplified Chinese Font Types<\/h2>\n\n\n\n<p>Did you know there are <em>two<\/em> standard versions of written Chinese?<\/p>\n\n\n\n<p>Long story short, after Chairman Mao and the Communists came into power in 1949, Mao decided that he could raise national literacy rates by decreasing the complexity of the language. So he rounded up some linguists and they got busy. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Simplified_Chinese_characters#China\" target=\"_blank\" rel=\"external noopener\">Wikipedia<\/a> tells us:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cThe PRC issued its first round of official character simplifications in two documents, the first in 1956 and the second in 1964.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>The thing is, Mao wasn\u2019t the boss of Hong Kong, Taiwan, or Macau at the time, so they never made the switch, instead keeping the original, traditional Chinese typography. There were also a bazillion Chinese immigrant communities and Chinatowns that had been established overseas before the new language was released; they also kept the traditional characters.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"384\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simplfied-vs-traditional.jpg\" alt=\"simplfied-vs-traditiona\" class=\"wp-image-84222\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simplfied-vs-traditional.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simplfied-vs-traditional-300x192.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Where Simplified Chinese font type characters are used:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As the official written language of Mainland China, used everywhere from around 1954\u201364, from TV subtitles to product packaging.<\/li>\n<\/ul>\n\n\n\n<p>Where Traditional Chinese font type characters are used:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As the official written language of Hong Kong, Taiwan, and Macau.<\/li>\n\n\n\n<li>In Chinatowns established outside of China.<\/li>\n\n\n\n<li>On antique documents written in Mainland China prior to 1954.<\/li>\n\n\n\n<li>In extremely formal usage in Mainland China, like official place names or titles.<\/li>\n\n\n\n<li>Incorporated into languages which forked off Chinese before the simplification, like Japanese, Korean, and retro Vietnamese.<\/li>\n<\/ul>\n\n\n\n<p>Con-fu-sing!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hallelujah, It\u2019s Raining Glyphs<\/h2>\n\n\n\n<p>Think about what all that history means for font foundries: to release a pro Chinese typography font, they not only have to create a character set of at least around 20,000 characters, they have to do it twice: once for Simplified and once for Traditional. And that doesn\u2019t even take multiple font <em>weights<\/em> (thicknesses) into account.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>I\u2019m Sorry, Did You Say 20,000?<\/strong><\/h4>\n\n\n\n<p>Oh, many pardons\u2014did I not drop that bomb already? Despite simplification, professional simplified Chinese fonts must include a glyph count approximately 20,000 strong, sometimes a few thousand more, sometimes a few thousand less. That includes the English alphabet, English and Chinese punctuation, and a big ol\u2019 dictionary of Chinese characters. Traditional character sets have been known to run to 30,000 or higher. Non-professional fonts will sometimes squeak by with as few as 2,000 of the most common glyphs, but these shouldn&#8217;t be used for base body text, as you&#8217;ll inevitably run into a character you need but don&#8217;t have.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>How Does That Work With @font-face and Web Fonts?<\/strong><\/h4>\n\n\n\n<p>It doesn\u2019t. China\u2019s not on the <code class=\"inline\">@font-face<\/code> boat at all\u2014they\u2019re still stuck with their original browser standard fonts and PNG\/SVG for special type. Because Chinese font files contain so many glyphs, they usually run from about 3\u20137 MB per font weight, a size which defies web embedding (and which partially explains why Flash maintained its popularity here for so long). Only recently have some extremely experimental technologies emerged for Chinese non-standard webfont rendering, like <a href=\"https:\/\/youziku.com\/\" target=\"_blank\" rel=\"external noopener\">Youziku<\/a> and <a href=\"https:\/\/www.justfont.com\" target=\"_blank\" rel=\"external noopener\">Justfont<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"300\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/youziku1.png\" alt=\"Yoziku\" class=\"wp-image-84223\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/youziku1.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/youziku1-300x150.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Yoziku<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"300\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/justfont.com_.png\" alt=\"just font\" class=\"wp-image-84224\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/justfont.com_.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/justfont.com_-300x150.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">JustFont<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Major Classifications of Popular Chinese Fonts<\/h2>\n\n\n\n<p>Western language fonts are classified under a few major headings and a pantheon of minor ones. We have <em>serif<\/em> and <em>sans-serif<\/em>. We have <em>blackletter<\/em>, <em>script<\/em>, <em>display<\/em>, <em>slab<\/em>, <em>monospace<\/em>, and a handful of other words that indicate a general typographic style. Though you can\u2019t really place every single font into either a serif or sans-serif category (some fonts, like hand-drawn scripts, don\u2019t really fit under either) these two words are probably the most commonly used font distinctions, bandied about even outside of the design industry.<\/p>\n\n\n\n<p>In this sense, popular Chinese fonts classifications are very similar to our own. In Chinese, the two most commonly used classifications are <em>song ti<\/em><em> (<\/em>sounds like <em>sawng tee)<\/em>, which you could think of as the Chinese serif, and <em>hei ti<\/em> <em>(<\/em>sounds like <em>hey tee)<\/em>, similar to a sans-serif. The word \u201cti\u201d \u4f53 essentially means \u201cfont\u201d, so you can expect to see that word at the end of many font names.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Songti (<\/strong><strong>\u5b8b\u4f53)<\/strong><\/h3>\n\n\n\n<p>If one type of font had to be chosen to represent Chinese typography, it would be the font <em>songti<\/em>. Early <em>songti<\/em> scripts were in use as far back as the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Song_dynasty\" target=\"_self\" rel=\"noopener\">Song Dynasty<\/a> (960-1279 A.D.), when Chinese woodblock printing reached its golden age. Due to the grain of the wood in the woodblocks, which ran horizontally, horizontal lines were easy to produce and could be thinner, but vertical lines, which ran counter to the wood grain, were prone to breakage during carving, and had to be thicker.<\/p>\n\n\n\n<p>Plus, because the end points of the horizontal lines were easily worn away, flourishes were added to make them thicker and longer-lasting. And so the font <em>songti<\/em>, the Chinese serif typified by perfectly straight horizontal strokes, wider verticals, and classy but regimented flourishes, was born.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti.png\" alt=\"songti\" class=\"wp-image-84225\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-300x206.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Thin, straight horizontals, thick verticals, and flourishes\/\u201cserifs\u201d<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Web Standards<\/strong><\/h4>\n\n\n\n<p>The font <a href=\"https:\/\/docs.microsoft.com\/en-gb\/typography\/font-list\/simsun\" target=\"_self\" rel=\"noopener\">Zhongyi Songti<\/a> (\u4e2d\u6613\u5b8b\u4f53), better known by its English name <em>SimSun<\/em>, and its predecessor, New Songti (<em>NSimsun<\/em> &#8211; \u65b0\u5b8b\u4f53) is the Times New Roman of Simplified Chinese, made popular due to its out-of-the-box inclusion in Windows XP. The Simsun love affair continued until very recently: it was still the default Simplified Chinese input font in Windows 7. Ask a Chinese web designer what makes an interface look \u201cChinese\u201d, and you\u2019ll often get a chuckle and the answer, \u201cSimsun, 12pt\u201d\u2014that&#8217;s how ubiquitous this font has been until very recently.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Font Songti Examples<\/strong><\/h4>\n\n\n\n<p>Here\u2019s SimSun, the oh-so-utilitarian default Chinese <em>songti <\/em>and a good font for Chinese characters:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simsun.jpg\" alt=\"SimSum\" class=\"wp-image-84226\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simsun.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simsun-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Note the classic <em>songti <\/em>thick verticals and straight, thin horizontals in <a href=\"https:\/\/www.myfonts.com\/fonts\/founder\/fz-cu-song-b09\/\" target=\"_self\" rel=\"noopener\">FZCuSong<\/a>, created by famous <a href=\"https:\/\/www.foundertype.com\/\" target=\"_blank\" rel=\"external noopener\">Chinese foundry FangZheng<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzcusong.jpg\" alt=\"CuSong\" class=\"wp-image-84227\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzcusong.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzcusong-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>A good example of Chinese modern fonts is the one made by Hong Kong-based typography savant <a href=\"https:\/\/www.facebook.com\/juliushui\" target=\"_blank\" rel=\"external noopener\">Julius Hui<\/a>. He was commissioned to create the Chinese typeface for the New York Times prior to the launch of its Chinese language site. He chose an ultra-sharp <em>songti <\/em>with endpoints which stylistically match the NYT\u2019s existing logo:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"424\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-tops.jpg\" alt=\"NYT logo top\" class=\"wp-image-84228\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-tops.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-tops-300x212.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"424\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-3.jpg\" alt=\"NYT logo\" class=\"wp-image-84229\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-3.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nyt-3-300x212.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>So meta: a <em>songti <\/em>calligraphy book from the 1950s:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"418\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-calligraphy-50s.jpg\" alt=\"songti calligraphy book from the 1950s\" class=\"wp-image-84230\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-calligraphy-50s.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-calligraphy-50s-300x209.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>A songti font was used on the founding seal of the People\u2019s Republic of China for the 1954 signing of the constitution:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"519\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-seal.jpg\" alt=\"songti-seal\" class=\"wp-image-84231\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-seal.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-seal-300x260.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Here&#8217;s another application of Chinese modern fonts: a<em> songti<\/em> font for the featured article title at the bottom of the May 2009 cover of Chinese Marie Claire magazine:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"777\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-marie-claire.jpg\" alt=\"Chinese Marie Claire magazine\" class=\"wp-image-84232\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-marie-claire.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-marie-claire-232x300.jpg 232w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>This condensed font in <em>songti<\/em> style appears on a wall plaque. The top line reads, \u201cQuotes from Chairman Mao\u201d, and below, \u201cWe should modestly, cautiously, avoiding pride, avoiding hot-temperedness, serve the Chinese people heart and soul.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"597\" height=\"432\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-mao-quote.jpg\" alt=\"condensed font in songti style appears on a wall plaque\" class=\"wp-image-84233\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-mao-quote.jpg 597w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/songti-mao-quote-300x217.jpg 300w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Heiti (<\/strong><strong>\u9ed1\u4f53)<\/strong><\/h3>\n\n\n\n<p>The other major classification for popular Chinese fonts is the <em>heiti<\/em>, which could loosely be translated as \u201csans-serif\u201d. <em>Heiti<\/em> fonts are a relatively modern invention. The exact history of <em>heiti<\/em> is heavily disputed by scholars, but we see it emerge in the commercial press around the early 1900s.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti.png\" alt=\"Heiti fonts\" class=\"wp-image-84234\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-300x206.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Blocky structure, no flourishes<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Web Standards<\/strong><\/h4>\n\n\n\n<p><a href=\"https:\/\/docs.microsoft.com\/en-gb\/typography\/font-list\/simhei\" target=\"_self\" rel=\"noopener\">SimHei<\/a> was the standard sans-serif to SimSun\u2019s serif. In recent years, <a href=\"https:\/\/docs.microsoft.com\/en-gb\/typography\/font-list\/microsoft-yahei\" target=\"_self\" rel=\"noopener\">Microsoft Yahei<\/a> has started to replace SimHei as the preferred standard in web layouts, but there are still a couple of compatibility issues: MS YaHei was introduced in Windows Vista, but the number of machines still running XP in China\u2014even now\u2014would blow your mind, so while everyone&#8217;s still pretty tired of looking at SimHei, it&#8217;s not quite safe to give it up.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Heiti Examples<\/strong><\/h4>\n\n\n\n<p>Here\u2019s your basic SimHei in a good font for Chinese characters:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simhei.jpg\" alt=\"basic SimHei\" class=\"wp-image-84235\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simhei.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/simhei-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>And the upstart <em>heiti<\/em>, Microsoft Yahei, which I\u2019ve (probably hyperbolically) been calling the Chinese Helvetica, and it&#8217;s a fine Chinese typography font:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/ms-yahei.jpg\" alt=\"Microsoft Yahei\" class=\"wp-image-84236\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/ms-yahei.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/ms-yahei-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/blog.typekit.com\/2014\/07\/15\/introducing-source-han-sans\/\" target=\"_self\" rel=\"noopener\">Source Han Sans<\/a> is a lovely <em>heiti<\/em> released by Adobe in 2014, in partnership with Google. You\u2019ll notice the endpoints don\u2019t splay the way they do in SimHei:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/source-han-sans.jpg\" alt=\"Source Han Sans\" class=\"wp-image-84237\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/source-han-sans.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/source-han-sans-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>An early example of <em>heiti<\/em> used as a title font in a 1913 newspaper\u2014as you can see, it&#8217;s a good font for Chinese characters:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"497\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-early.jpg\" alt=\"early example of heiti\" class=\"wp-image-84238\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-early.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-early-300x249.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.google.com\/get\/noto\/#\/\" target=\"_blank\" rel=\"external noopener\">Noto Sans<\/a> Simplified Chinese is part of Google\u2019s universal language project:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"497\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/noto-sans-simplified.jpg\" alt=\"Noto Sans Simplified Chinese\" class=\"wp-image-84239\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/noto-sans-simplified.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/noto-sans-simplified-300x249.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Currently my favorite <em>heiti<\/em> is <a href=\"https:\/\/makefont.com\/font.html?MFYueHei_Noncommercial_Regular\" target=\"_blank\" rel=\"external noopener\">Yuehei<\/a> by Makefont:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"622\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-makefont.jpg\" alt=\" Yuehei by Makefont\" class=\"wp-image-84240\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-makefont.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/heiti-makefont-289x300.jpg 289w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/makefont.com\/font.html?MFShangHei_Noncommercial_Regular\" target=\"_blank\" rel=\"external noopener\">Shanghei<\/a>, another excellent\u2014and much more stylized\u2014Chinese modern font by Makefont:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"615\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/shanghei.jpg\" alt=\"Shanghei\" class=\"wp-image-84241\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/shanghei.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/shanghei-293x300.jpg 293w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>An italicized, design-y <em>heiti <\/em>on a gorgeous package of spearmint gum (traditional Chinese characters) from the 1960s:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"455\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/spearmint-gum-1960s.jpg\" alt=\"package of spearmint gum\" class=\"wp-image-84242\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/spearmint-gum-1960s.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/spearmint-gum-1960s-300x228.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">via <a href=\"https:\/\/m.univs.cn\/article\/956\" target=\"_blank\" rel=\"noopener\">univs.cn<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Kaiti (<\/strong><strong>\u6977\u4f53)<\/strong><\/h3>\n\n\n\n<p>A <em>kaiti<\/em> font mimics basic brush script lettering\u2014you might loosely translate this as \u201cregular brush\u201d. But a <em>kaiti<\/em> is not a novelty font\u2014it never gets overly flowery, and it\u2019s still constructed within certain parameters and maintains an upright structure. Here\u2019s <a href=\"https:\/\/fonts.adobe.com\/fonts\/adobe-kaiti\" target=\"_self\" rel=\"noopener\">Adobe Kaiti Standard<\/a>, which comes bundled with Photoshop and some other Adobe products:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti.png\" alt=\"kaiti\" class=\"wp-image-84243\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-300x206.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Horizontals can be angled; soft, blobbier terminals and natural stroke widths<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Chinese Calligraphy Names in Fonts<\/strong><\/h4>\n\n\n\n<p>If we\u2019re going to get crazy accurate here, <em>kai<\/em> doesn\u2019t just mean \u201cbrush script\u201d. It\u2019s actually one of the more clearly written ancient Chinese calligraphy script styles, emerging somewhere between 151\u2013230 AD. There are other calligraphic styles that appear in modern font names, like <em>caoshuti<\/em> (cursive script), <em>lishuti<\/em> (scribe script), and <em>xingshuti<\/em> (running script), but those fonts are much fancier and more stylized, and you see them less in basic typography.<\/p>\n\n\n\n<p>If you want to dig into Chinese calligraphy styles, check out this gorgeous letterpress <a href=\"https:\/\/www.behance.net\/gallery\/12804099\/The-History-of-Chinese-Characters-\" target=\"_blank\" rel=\"external noopener\">History of Chinese Characters<\/a> project by one of my favorite modern typographers, <a href=\"https:\/\/www.behance.net\/archerzuo\" target=\"_blank\" rel=\"external noopener\">Archer Zuo<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"435\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/history-chinese.jpg\" alt=\"letterpress History of Chinese Characters\" class=\"wp-image-84244\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/history-chinese.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/history-chinese-300x218.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Web Standards<\/strong><\/h4>\n\n\n\n<p><em>Kaiti <\/em>does have a web standard version for simplified Chinese, simply called \u201cKaiti\u201d (or Biao Kaiti), so yes, you can use a basic <em>kaiti <\/em>in web layouts. I wouldn\u2019t recommend this at small sizes, though.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Kaiti Examples<\/strong><\/h4>\n\n\n\n<p>Modern kaiti fonts are inspired by calligraphic styles like this <em>kaiti <\/em>poem called \u201cPassing through Duchang County\u201d by Song Dynasty calligrapher Su Dongpo (1037-1101AD):<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"588\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-poem.jpg\" alt=\"kaiti poem\" class=\"wp-image-84245\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-poem.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-poem-300x294.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>And this bureaucratic record from around 1300 AD:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"554\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-script.jpg\" alt=\"kaiti script\" class=\"wp-image-84246\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-script.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-script-300x277.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Kindle Kaiti Bold:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"345\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-kindle-bold.jpg\" alt=\"kaiti kindle\" class=\"wp-image-84247\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-kindle-bold.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-kindle-bold-300x173.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>And FZKai:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"475\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzkaiti.jpg\" alt=\"FZ Kai\" class=\"wp-image-84248\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzkaiti.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzkaiti-300x238.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>All of the large lettering in this 1925 newspaper is <em>kaiti<\/em>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"597\" height=\"432\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-newspaper.jpg\" alt=\"newspaper kaiti\" class=\"wp-image-84249\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-newspaper.jpg 597w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kaiti-newspaper-300x217.jpg 300w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fangsongti (<\/strong><strong>\u4eff\u5b8b\u4f53)<\/strong><\/h3>\n\n\n\n<p><em>Fangsongti<\/em> is a hybrid style, mixing the structure of a font in <em>songti<\/em> style with the hand-lettered visual influence of a <em>kaiti<\/em>. The untrained eye will have a tough time telling the difference between a <em>fangsongti<\/em> and a <em>songti<\/em> at first, but here\u2019s a quick trick for telling them apart: the horizontal lines in a classic <em>songti<\/em> are perfectly straight, whereas in a <em>fangsongti<\/em>, they\u2019re tilted. Plus, the <em>fangsongti<\/em> doesn\u2019t go quite so big with the endpoint flourishes, and the stroke widths don\u2019t vary as much as they can in a <em>songti<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/Fangsongti.png\" alt=\"Fangsongti\" class=\"wp-image-84250\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/Fangsongti.png 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/Fangsongti-300x206.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Horizontal lines angled, usually lighter flourishes<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fangsong Examples<\/h4>\n\n\n\n<p>Here\u2019s FangZheng\u2019s take on <em>fangsong<\/em>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"475\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzfangsong.jpg\" alt=\"FangZheng\u2019s take on fangsong\" class=\"wp-image-84251\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzfangsong.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fzfangsong-300x238.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Another big rival foundry, <a href=\"https:\/\/hanyi.com.cn\" target=\"_blank\" rel=\"external noopener\">Hanyi<\/a> does a sharper approach in <em>Hanyi Fangsong<\/em>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"228\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/hanyi-fangsong.jpg\" alt=\"Hanyi Fangsong\" class=\"wp-image-84252\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/hanyi-fangsong.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/hanyi-fangsong-300x114.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>A custom \u201cflyaway\u201d <em>fangsong <\/em>typeface made by <a href=\"https:\/\/liucongxin.zcool.com.cn\/\" target=\"_blank\" rel=\"external noopener\">this guy<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-font-design.jpg\" alt=\"custom \u201cflyaway\u201d fangsong typeface\" class=\"wp-image-84253\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-font-design.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-font-design-300x206.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>In an old manuscript:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"449\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-3.jpg\" alt=\"fangsong typeface on manuscript\" class=\"wp-image-84254\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-3.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fangsong-3-300x225.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meishuti (<\/strong><strong>\u7f8e\u672f\u4f53)<\/strong><\/h3>\n\n\n\n<p>Here&#8217;s another popular Chinese font style. In English, we\u2019d call <em>meishuti <\/em>a \u201cdisplay font\u201d. These are highly stylized font faces that might range from silly to historical to novelty\u2014the word <em>meishu<\/em> actually just means \u201cartistic\u201d, so this covers a great range of lettering types. There are no web standard <em>meishuti<\/em> fonts. To use these online, you\u2019d need to use SVG or PNG methods, or employ extremely experimental Asian font embedding formats like Youziku. Here\u2019s <em>Dingding Hand<\/em>, some swirly-whirl nonsense from Makefont:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"651\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishu-makefont.jpg\" alt=\"Dingding Hand, some swirly-whirl nonsense from Makefont\" class=\"wp-image-84255\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishu-makefont.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishu-makefont-276x300.jpg 276w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Here\u2019s some custom <em>meishuti<\/em> on camera packaging from the 1970s:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"455\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishuti-70s.jpg\" alt=\"custom meishuti on camera packaging\" class=\"wp-image-84256\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishuti-70s.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/meishuti-70s-300x228.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Yuanti (<\/strong><strong>\u5706\u4f53)<\/strong><\/h3>\n\n\n\n<p><em>Yuanti<\/em> are typically a sub-class of <em>heiti<\/em> (sans-serif). It\u2019s more of a search tag than a font type\u2014the Chinese word <em>yuan<\/em> means \u201cround\u201d, and that\u2019s exactly what these are: sans-serif fonts with soft curves at the corners. Yuanti is popular in modern corporate collateral and advertising. There are no web-standard fonts here either.\u3000<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"467\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/yuanzi.jpg\" alt=\"Yuanti \" class=\"wp-image-84257\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/yuanzi.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/yuanzi-300x234.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">You May Have Noticed: Font Name Prefixes<\/h2>\n\n\n\n<p>As you may have already surmised, Chinese font names are often prefixed with the name of the foundry. Fonts that begin with \u201cHY\u201d are made by <a rel=\"external noopener\" href=\"https:\/\/hanyi.com.cn\" target=\"_blank\">Han Yi<\/a>. Fonts that begin with \u201cFZ\u201d are made by <a rel=\"external noopener\" href=\"https:\/\/www.foundertype.com\/\" target=\"_blank\">Fangzheng<\/a>. Fonts beginning with \u201cMF\u201d are the work of <a rel=\"external noopener\" href=\"https:\/\/makefont.com\" target=\"_blank\">Makefont<\/a>, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Yes, You Have to License Chinese Fonts<\/h3>\n\n\n\n<p>And yes, they are way, way more expensive than English fonts (and they should be\u2014did I mention 20,000 glyphs already?) But all is not lost: some foundries provide demo versions of the font for personal use with limited character sets, so if you just want to play around, make a logo, or style headings or titles, you should be able to do that with demo fonts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Some Structural Considerations<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Squares Everywherez<\/strong><\/h4>\n\n\n\n<p>Chinese characters are designed on a rigidly square grid, and well-designed characters sit evenly within a square space. Even Chinese punctuation marks typically take up a full square of space, and there\u2019s no need to add additional spaces after periods or commas. I could get into spacing for years, but suffice to say, the square is the basic building block of the written language.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"724\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/squares.jpg\" alt=\"square is the basic building block of the written language\" class=\"wp-image-84258\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/squares.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/squares-249x300.jpg 249w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Up, Down, Left, Right: Directionality<\/strong><\/h4>\n\n\n\n<p>I\u2019m not gonna diss your nerd cred: you probably know enough about manga to know that Asian languages can be read right-to-left, up-to-down. These days, in most situations, Chinese text is read left-to-right, same as English. But because of that whole built-on-a-square thing, Chinese works a lot better rendered up-to-down in vertical lines. This means that in arty contexts where blocks of texts are short (book covers, logos, signage) it\u2019s ok to get pretty creative in terms of how you lay out characters without losing too much readability\u2014as long as there\u2019s some semblance of a word order, it can probably be read. For basic reading, however, left-to-right, top-to-bottom (like English) is standard.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Look Ma, No Spaces<\/strong><\/h4>\n\n\n\n<p>In a language with no spaces, how do you know when one word starts and another word begins? And if the text can be written in any direction, how do you know where to begin reading? I\u2019ve been <a href=\"https:\/\/migaku.com\/learn-chinese\" data-type=\"link\" data-id=\"https:\/\/migaku.com\/learn-chinese\" target=\"_blank\" rel=\"noreferrer noopener\">learning Chinese<\/a> for many years now, and oddly, I can\u2019t answer that question. There came a point in my studies where the cadence of the language fell into place, and I didn\u2019t notice the lack of spaces anymore. And apparently, neither does anyone else:<\/p>\n\n\n\n<p>In 2008, researchers published <a href=\"https:\/\/www.ncbi.nlm.nih.gov\/pmc\/articles\/PMC2662925\/\" target=\"_self\" rel=\"noopener\">a study<\/a> in which they looked at the effects of adding word spacing to Chinese on the reading abilities of Tianjin Normal University students. They tried placing spaces between each character and between groups of characters, and concluded:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u201c&#8230; the results of the present experiments indicated that inserting spaces between words (or highlighting word boundaries) did not facilitate reading Chinese, at least beyond the level observed for normal unspaced text.\u201d<\/em><\/p>\n<\/blockquote>\n\n\n\n<p>The lack of spacing has several interesting ramifications in terms of typesetting, most notably the fact that there\u2019s no word hyphenation in Chinese\u2014typesetters must know where one word or concept ends and the next one begins in order to line-break properly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A Gallery of Modern Typographic Design in Chinese<\/h2>\n\n\n\n<p>Let\u2019s put it together, shall we? I have some primo Chinese typography design work here, starting with <a href=\"https:\/\/www.behance.net\/gallery\/9238593\/Chinese-Saying\" target=\"_blank\" rel=\"external noopener\">this poster<\/a> by Tan Ho from Macau. The design consists of four characters, read from top to bottom, illustrating a popular Chinese saying: <strong>\u5929\u5929\u5411\u4e0a<\/strong>. \u5929\u5929\u5411\u4e0a literally translates into \u201cevery day upwards\u201d, or \u201cto make an effort to improve oneself on a daily basis\u201d. You\u2019ll see that Tan has turned the characters into arrows pointing towards the sky and surrounded each letter with clouds to illustrate the meaning.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"700\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/tiantianxiangshang.jpg\" alt=\"Tan Ho poster\" class=\"wp-image-84259\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/tiantianxiangshang.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/tiantianxiangshang-257x300.jpg 257w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>This stunner was created by <a rel=\"external noopener\" href=\"https:\/\/www.behance.net\/moretong\" target=\"_blank\">More Tong<\/a> from Shanghai. This single image contains two characters, broken apart. The characters are \u975e\u5e38, the Chinese name for ad agency <a rel=\"external noopener\" href=\"https:\/\/weibo.com\/AnomalyChina\" target=\"_blank\">Anomaly<\/a>. He actually broke apart the word \u975e and placed each half on either side of the word \u5e38 &#8211; can you see it?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"700\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fei-chang.jpg\" alt=\"More Tong poster\" class=\"wp-image-84260\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fei-chang.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/fei-chang-257x300.jpg 257w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>This poem visualization by <a href=\"https:\/\/www.behance.net\/liamsoso\" target=\"_blank\" rel=\"external noopener\">Liam Lee<\/a>, Beijing-based typographer, is layered with meaning. He effortlessly weaves the essence of the characters, the words of the poem, the vibe of the poem, and the character visuals together into a storied piece of art. This is read up-down, right-left. Notice how you can find traces of \u201ctrees\u201d, \u201cpeaks\u201d, and \u201crhythm\u201d hidden among the lines and characters, and how the \u201cboundless ocean\u201d breaks the \u201cbounds\u201d of the square character, flowing across the two lines (right column, eighth character down).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"349\" height=\"1024\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/liamlee-349x1024.jpg\" alt=\"Liam Lee poem\" class=\"wp-image-84261\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/liamlee-349x1024.jpg 349w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/liamlee-102x300.jpg 102w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/liamlee-523x1536.jpg 523w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/liamlee.jpg 600w\" sizes=\"(max-width: 349px) 100vw, 349px\" \/><\/figure>\n\n\n\n<p>In <a href=\"https:\/\/mrmz2014.lofter.com\/\" target=\"_blank\" rel=\"external noopener\">this much-shared series<\/a>, designer Mr. Mz creates visual representations of famous people\u2019s names. This one is the Chinese name of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Zhang_Fei\" target=\"_blank\" rel=\"external noopener\">Zhang Fei<\/a> \u5f20\u98de, a military general who\u2019s often depicted in popular fiction with a bristling black beard:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"411\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/zhangfei.jpg\" alt=\"Chinese name of Zhang Fei\" class=\"wp-image-84262\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/zhangfei.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/zhangfei-300x206.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>This work for Disney, done by Ding Yi, the founder of Makefont, was lauded for another reason: the brand identity for Alice In Wonderland was well-preserved across linguistic mediums:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"698\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/preserving-brand-id.jpg\" alt=\"work for Disney, done by Ding Yi\" class=\"wp-image-84263\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/preserving-brand-id.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/preserving-brand-id-258x300.jpg 258w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>The custom <a href=\"https:\/\/www.behance.net\/gallery\/16899137\/-Kong-(Chinese-Typography)\" target=\"_blank\" rel=\"external noopener\">Kong (empty) typeface<\/a>, by Kevin He in Singapore:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"345\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kong-typeface.jpg\" alt=\"custom Kong (empty) typeface\" class=\"wp-image-84264\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kong-typeface.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/kong-typeface-300x173.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>The Chinese characters for New York, \u7ebd\u7ea6, turned into a visualization of the Empire State Building \u7ebd next to a hot dog \u7ea6, by <a href=\"https:\/\/www.behance.net\/shangchin\" target=\"_blank\" rel=\"external noopener\">Shangchin Ding<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"345\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nue-yue.jpg\" alt=\"Chinese characters for New York\" class=\"wp-image-84265\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nue-yue.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/nue-yue-300x173.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Shanghai\u2019s <a href=\"https:\/\/www.behance.net\/wang2mu\" target=\"_blank\" rel=\"external noopener\">Wang 2Mu<\/a> illustrates another Chinese phrase, \u9006\u6d41\u800c\u4e0a , meaning \u201cto go against the current\u201d (via creative blog <a href=\"https:\/\/edge.neocha.com\/agency\/chengyu-visualized-an-edge-creative-collective-exhibition-of-chinese-idiomatic-expressions-hyatt-andaz-in-shanghai-2\/\" target=\"_blank\" rel=\"external noopener\">NEOCHA<\/a>):<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"686\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/chengyu-neocha.jpg\" alt=\"Wang 2Mu illustrates another Chinese phrase\" class=\"wp-image-84266\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/chengyu-neocha.jpg 600w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/10\/chengyu-neocha-262x300.jpg 262w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Neat, yeah? Now that you can pick a <em>songti<\/em> out of a lineup, you\u2019re all set to do some further digging into Chinese typography by taking a gander at all the killer <a rel=\"external noopener\" href=\"https:\/\/www.pinterest.com\/search\/pins\/?q=chinese%20typography&amp;term_meta%5B%5D=chinese%7Ctyped&amp;term_meta%5B%5D=typography%7Ctyped&amp;remove_refine=%E5%AE%8B%E4%BD%93%7Ctyped\" target=\"_blank\">Pinterest pins<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Further Reading on Chinese Typography and More Font Resources<\/h2>\n\n\n\n<p>Here concludes this complete beginner\u2019s guide to Chinese fonts. If you&#8217;d like to explore more resources, here we&#8217;ve compiled a selection for you. And don&#8217;t forget to visit Envato Elements&#8217; <a href=\"https:\/\/elements.envato.com\/fonts\/chinese\" target=\"_blank\" rel=\"noopener\">huge library of Chinese-inspired fonts<\/a> for your digital projects!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.freechinesefont.com\/\" target=\"_self\" rel=\"noopener\">Free Chinese font downloads<\/a> on freechinesefont.com<\/li>\n\n\n\n<li><a href=\"https:\/\/chinesefontdesign.com\/\" target=\"_self\" rel=\"noopener\">More free Chinese font examples<\/a> on chinesefontdesign.com<\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.google.com\/?subset=chinese-traditional\" target=\"_self\" rel=\"noopener\">Free Chinese font<\/a> from Google (Noto)<\/li>\n\n\n\n<li><a href=\"https:\/\/eastasiastudent.net\/regional\/hanzi-and-kanji\" target=\"_blank\" rel=\"external noopener\">A very detailed look into Asian written languages<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.kendraschaefer.com\/2012\/06\/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese\/\" target=\"_self\" rel=\"noopener\">My blog post on Chinese CSS declarations<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.pinyinjoe.com\" target=\"_blank\" rel=\"external noopener\">Pinyin Joe&#8217;s Chinese computing help desk<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Curious about Chinese typography? Wondering how many glyphs are there in a Chinese font type set? We\u2019ll answer all these questions and more as we dive into East Asian and Chinese typography.<\/p>\n","protected":false},"author":174,"featured_media":84268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[157,176],"tags":[],"class_list":["post-71466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-fonts"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/71466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/174"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=71466"}],"version-history":[{"count":0,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/71466\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/84268"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=71466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=71466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=71466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}