Typesetting Hangul: Why Korean Script Breaks the Latin Rulebook

Good Hangul typography doesn’t stop at picking a nice-looking font. Korean text runs on rules that have nothing to do with Latin typesetting — square syllable blocks, word-based line breaks, and internal counterspace — and understanding them is what separates type that merely displays Korean from type that’s genuinely comfortable to read, on screen or on paper.

1. Square Blocks, Tracking, and Leading

Unlike the Latin alphabet, a Hangul syllable is built by stacking a consonant, a vowel, and sometimes a closing consonant into something close to a perfect square. Latin letters vary wildly in width — a single-stroke “i” next to a heavyset “m” — but Hangul syllables are pressed into roughly the same square footprint no matter how many jamo they contain. That’s why habits borrowed from Latin setting backfire here. Tighten the tracking the way you would for a Latin headline and the jamo inside each block start to feel cramped against their neighbors. Squeeze the leading down to Latin proportions and the stacked squares read as a dense, top-heavy wall. Korean body text is generally more stable with tracking left almost untouched, or nudged only slightly tighter, paired with leading opened up to at least 165–180%.

Latin Setting

Letters vary in width, so tracking does the work of building rhythm. Tighter leading still reads comfortably.

Hangul Setting

Syllables sit inside uniform square blocks. Tracking stays minimal; leading opens up to give the blocks room to breathe.

Latin and Hangul are built on fundamentally different letterform structures, so their default tracking and leading need different starting points.

2. word-break: keep-all

English web type has long been comfortable hyphenating a long word mid-syllable when a line runs out of room. Hangul can’t afford that: break a Korean word in the middle and you fracture a unit of meaning, and readability drops sharply. Imagine the phrase “Design Daily Life” getting chopped at the edge of the screen into “Design Dai” on one line and “ly Life” on the next — the reader has to mentally stitch the sentence back together. That’s exactly why setting word-break: keep-all on Korean body copy has become close to a default in Korean web design: it forces line breaks to fall only at spaces, keeping every word whole. Its counterpart, word-break: break-all, should stay reserved for the rare case where space is so tight — a narrow badge or tag, say — that there’s no alternative.

Why This Shows Up Even More on Mobile

Narrow mobile viewports force line breaks far more often than desktop layouts do, which means the payoff from keep-all is felt even more strongly there. For flexible-width elements like responsive cards or buttons, pairing keep-all with generous padding lets lines wrap naturally between words instead of forcing awkward breaks inside them.

3. Counterspace and Choosing a Korean Typeface

Latin type has x-height as a shorthand for how a lowercase letter’s body feels. Hangul’s equivalent instinct is counterspace — the breathing room between jamo inside and around each block. A typeface with generous counterspace stays legible even at small sizes on screen, because the strokes don’t crowd each other; a typeface with tighter counterspace reads as dense and forceful, which suits large display headlines. Among the Korean typefaces most commonly reached for in professional design work are Pretendard, an open-source sans-serif; Noto Sans KR, developed jointly by Google and Adobe; and SUIT, prized for its even stroke weight and roomy counterspace on screen. All three ship in multiple weights, which means a single typeface family can carry the entire hierarchy from body copy to headline without introducing a second typeface at all.

Pretendard

Wide counterspace and a neutral character make it a safe, versatile choice for body copy and UI alike.

Noto Sans KR

Strong compatibility with multilingual systems makes it a frequent pick for products serving several languages at once.

SUIT

Even stroke weight and airy counterspace suit products where on-screen readability is the top priority.

Three Korean typefaces designers reach for often — how open or tight the counterspace is defines the overall impression.

4. Pairing Hangul with Latin and Numerals

Once Latin letters and numerals share a layout with Hangul, balancing the two writing systems becomes its own small discipline. The Latin glyphs bundled into most Korean typefaces are usually drawn slightly larger and bolder than a standalone Latin face, tuned to sit comfortably alongside Hangul’s rhythm — which means the built-in Latin often works fine as is. But in a headline where the Latin needs its own distinct character, designers sometimes pair in a separate Latin typeface, and that pairing has to be checked by eye, placing both faces side by side to match cap height and weight rather than guessing. In tables or pricing, where digits repeat down a column, using the tabular figures built into the Korean typeface keeps every column aligned instead of drifting.

💡 Pro tip — Don’t carry the habit of tightening tracking on Latin headlines straight over into Hangul. Latin type uses tighter tracking to build rhythm between letters; apply the same value to Hangul’s square blocks and the syllables press against each other until the text is harder to read, not easier. Whenever the typeface or the language changes, treat tracking and leading as values to re-check from scratch.

Leave body tracking close to default, and set leading to at least 165–180% before touching anything else.

Apply word-break: keep-all to every block of running text so words never break mid-syllable.

Choose the Korean typeface for headlines and body copy by counterspace, and build hierarchy through its weights.

Place any Latin letters or numerals that appear alongside the Hangul side by side and adjust their size and weight by eye.

Four checkpoints worth running through, in order, when applying Hangul typography to a screen layout.

Closing thoughts

Hangul typography doesn’t fall into place just because Latin conventions get applied to it. It starts with accepting that a Korean syllable is a complete, self-contained square — and from there, tracking and leading need to be rebuilt, word-break needs to protect whole words, and typefaces need to be chosen for counterspace rather than habit. In the end, good Korean typesetting isn’t really about knowing the principles. It’s about checking them again, on screen, every single time.

Design Daily Life · Notes on design, daily

한국에 온 외국인 친구가 있나요? 메뉴 번역·택시 요금·약국 카드가 한 앱에 있는 K-OREA를 알려 주세요.

Visiting Korea? K-OREA puts menu scanning, taxi fare guidance and a pharmacy card in one app. Get it on the App Store.

댓글 남기기