Square-form vs free-form Hangul

네모꼴과 탈네모꼴

Most Hangul typefaces draw every syllable inside the same invisible square — "square-form." Experimental designs that break that grid and let jamo flow at freer heights, closer to Latin letters, are called "free-form."

Also known as: 네모틀Squared vs unbound Hangul탈네모꼴 글꼴
···
html
<div class="stage">
  <div class="panel">
    <div class="box"><span class="ch">한</span></div>
    <div class="tag">네모꼴 — 정사각형 틀에 맞춤</div>
  </div>
  <div class="panel">
    <svg viewBox="0 0 100 100" class="sketch">
      <line pathLength="100" x1="20" y1="78" x2="20" y2="20" class="s s1"/>
      <line pathLength="100" x1="20" y1="20" x2="55" y2="12" class="s s2"/>
      <circle pathLength="100" cx="72" cy="38" r="12" class="s s3"/>
      <line pathLength="100" x1="28" y1="92" x2="82" y2="92" class="s s4"/>
    </svg>
    <div class="tag">탈네모꼴 — 자모가 틀을 벗어남 (단순화한 스케치)</div>
  </div>
</div>
css
.stage{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 8px}
.panel{display:grid;gap:8px;justify-items:center}
.box{width:15vmin;height:15vmin;min-width:56px;min-height:56px;border:2px dashed var(--line);border-radius:6px;display:grid;place-items:center;animation:glow 2.2s ease-in-out infinite}
@keyframes glow{0%,100%{border-color:var(--line)}50%{border-color:var(--accent)}}
.ch{font:800 8vmin/1 -apple-system,system-ui,"Apple SD Gothic Neo",sans-serif;color:var(--fg)}
.sketch{width:15vmin;height:15vmin;min-width:56px;min-height:56px;overflow:visible}
.s{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw 3.2s ease-in-out infinite}
.s1{stroke:var(--accent-2)}
.s2{stroke:var(--accent-2);animation-delay:.25s}
.s3{stroke:var(--accent);animation-delay:.5s}
.s4{stroke:var(--accent-3);animation-delay:.75s}
@keyframes draw{0%{stroke-dashoffset:100}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
.tag{font:10px ui-monospace,Menlo,monospace;color:var(--muted);text-align:center;max-width:22vmin}

Square-form Hangul descends from metal-type printing — every syllable had to fit the same square cell for typesetters to compose lines easily. As a result, the initial consonant's actual drawn size shifts slightly depending on whether a final consonant is present; the ㄱ in "가" and the ㄱ in "각" are the same letter drawn at different sizes.

In the 1980s–90s, typographers including Ahn Sang-soo questioned that grid, experimenting with type that lets each jamo keep its own natural width and height and align to a shared baseline instead, closer to how Latin letters behave. These were closer to formal experiments than practical body text, but they reopened questions about which rules of Hangul typography are actually necessary.

This site can't load an external font, so instead of a real free-form typeface, the demo draws a simplified SVG sketch: one syllable confined to a square grid (square-form) next to jamo strokes scattered at varying heights outside any grid (a stand-in for free-form). It's a simplification for the concept, not an actual typeface's precision.

When to use

Stick with square-form (what nearly every system font gives you) for UI and body text. Consider free-form only for experimental branding or art direction where breaking convention is the point.