The Complete Latin-CJK Pairing Guide: Size, Baseline and Temperament
How do Chinese and Latin keep size, baseline, leading and temperament in step on one page? A four-step recipe: set proportions, align baselines, manage punctuation, match temperaments - plus a copy-paste pairing list.
1. One mindset: Latin and CJK are a single system
Designers usually pick the Chinese first, then grab a Latin face as an afterthought - and the page feels off. The root cause is treating the two scripts as separate type systems when they actually share one size ladder, one baseline grid and one leading rhythm. In mixed copy, Chinese and Latin should behave like one person's two hands: independent, but on the same skeleton. So rule one is not 'pick the prettiest of each' but 'fix the temperament and purpose first, then supply both halves together'. The next four steps align that skeleton.
2. Size and optical volume: Latin usually sits slightly smaller
At the same nominal size a CJK glyph fills a full square while lowercase Latin occupies only part of the line, so Latin often looks optically larger and denser than its Chinese neighbours. The practical fix: set Latin body at roughly 92%-96% of the Chinese size (English 13px beside Chinese 14px), scaling down for headings too; all-caps acronyms can tighten further. Watch x-height as the key signal - tall-x faces like Inter or Roboto make English look bigger and busier and need an extra notch down, while mid/low-x faces such as Karla and Lora sit more gently beside Chinese.
3. Baseline, leading and punctuation: closing the seams
The CJK bottom-grid and the Latin baseline never coincide, but engines (browsers, InDesign, Word) align to the Latin baseline by default and CJK system fonts adapt automatically, so most work needs no manual baseline fiddling. The three real traps: leading - Chinese wants more room (about 1.6-1.8x), so take the larger of the two; punctuation - follow the script, full-width (，。！？) inside Chinese, half-width (, . ! ?) inside Latin, don't let both jump within one line; quotes and brackets - 「」 with Chinese, “ ” with Latin, and URLs/code stay half-width always.
4. Match temperament: name the mood first, then place the faces
The most dependable framework is 'same temperament, complementary structure': whatever personality the Latin half has, the Chinese half must answer. Industrial-modern → Source Han Sans/PuHuiTi with Inter/Archivo; humanist serif → Source Han Serif/Zhuque Fangsong with Spectral/Lora; rounded-friendly → rounded CJK with Nunito/Quicksand; brush-calligraphy → Smiley Sans/LXGW WenKai with Caveat/Dancing Script; hacker-mono → monospaced CJK with Space Mono/JetBrains Mono. Or reverse it: let Chinese set the tone, then let Latin supply display drama - an Anton or Bebas headline over a Ming body is a perfectly valid master-servant pairing.
5. A copy-paste pairing list
No time for theory? Six verified combinations to unwrap immediately: 1) Source Han Sans for Chinese with a neutral grotesque for Latin - safe and evergrean; 2) Chinese hei + Inter - the standard answer for interface/tech; 3) Chinese song/Ming + a text serif - editorial and long-read class; 4) Chinese kai/calligraphy + handwritten English - warm and literary; 5) Chinese rounded + rounded Latin - the sweet default for kids and family; 6) Chinese heavy hei display + condensed Latin display (Anton) - poster and mobile-cover punch. Every detail - the 92%-96% size ratio, the larger leading, script-following punctuation, matched temperaments - tunes back into steps 1-4. With those four dials you're set.
This site is an index of publicly available information. It does not host, mirror or distribute any font file and does not warrant any licence. Rights holders may change terms, split free and paid editions, or withdraw a permission at any time. Before commercial use, verify the licence on the official page and keep a dated screenshot as evidence. For trademarks, overseas publication and large-scale embedding, consult an IP professional.