디자인 아틀라스Aa타이포그래피
커닝, 행간, 가변 폰트, 키네틱 타이포 — 글자를 다루는 용어. — 39개 항목
한글의 초성·중성·종성Hangul jamo composition
한글 음절 하나는 초성(첫자음)·중성(모음)·종성(받침, 선택)이 정해진 규칙으로 합쳐진 결과물입니다. 유니코드도 이 규칙을 그대로 산술식으로 담고 있습니다.
네모꼴과 탈네모꼴Square-form vs free-form Hangul
대부분의 한글 글꼴은 음절마다 똑같은 네모 틀 안에 맞춰 그리는 "네모꼴"입니다. 이 틀을 깨고 자모를 라틴 알파벳처럼 자유로운 높이·위치로 흘려보내는 실험을 "탈네모꼴"이라 부릅니다.
세로쓰기Vertical writing mode
문장을 왼쪽→오른쪽이 아니라 위→아래로 흘리고, 줄은 오른쪽에서 왼쪽으로 쌓는 조판 방향. CSS `writing-mode: vertical-rl`로 구현합니다.
루비 주석Ruby annotation
한자나 어려운 단어 위에 작은 발음·설명 텍스트를 나란히 붙이는 표기 방식. HTML `<ruby>` 요소가 브라우저 기본 기능으로 지원합니다.
강조점 (방점)Text emphasis marks
글자 옆이나 위에 작은 점·동그라미를 찍어 강조하는 동아시아 전통 표기법. CSS `text-emphasis`가 이걸 그대로 구현합니다.
오픈타입 기능OpenType features
폰트 파일 안에 여러 대체 글리프 세트를 담아두고, 조건에 따라 다르게 그리는 OpenType 표준의 확장 기능. 커닝·리거처부터 스타일리스틱 세트까지 전부 이 틀 안에 있습니다.
표 형식 숫자Tabular numbers
모든 숫자(0~9)가 같은 폭을 갖도록 강제하는 기능. 숫자가 세로로 줄지어 바뀌는 표·티커에서 자릿수가 흔들리지 않게 합니다.
스타일리스틱 세트Stylistic sets
폰트 제작자가 같은 글자에 대해 미리 그려둔 대안 스타일 세트. `font-variant-alternates: styleset()`이나 `ss01`~`ss20` 태그로 고릅니다.
폰트 기능 설정font-feature-settings
OpenType 기능 태그를 이름 붙은 CSS 속성 없이 문자열로 직접 켜고 끄는 저수준 속성. 스타일리스틱 세트·문자변형처럼 전용 속성이 없는 기능에 씁니다.
문맥 대체 글자Contextual alternates
앞뒤에 어떤 글자가 오는지에 따라 같은 글자를 다른 모양으로 바꿔 그리는 기능. 고정된 두 글자 쌍만 보는 리거처보다 조건이 더 유연합니다.
행잉 인덴트Hanging indent
문단 첫 줄은 왼쪽 끝에 붙이고, 그 다음 줄들을 오히려 안쪽으로 들여 쓰는 배치. 일반적인 들여쓰기와 정반대입니다.
한글 문장부호 관습Korean punctuation conventions
낫표(「」『』), 가운뎃점(·), 줄임표(……)처럼 한글 조판에서 서양 문장부호와 다르게 쓰이거나 아예 따로 존재하는 문장부호 관습.
한국어 줄바꿈 (keep-all)Korean line breaking (keep-all)
한글 텍스트의 기본 줄바꿈은 음절 단위입니다 — 아무 글자 뒤에서나 끊깁니다. `word-break: keep-all`은 공백이 있는 지점(어절 경계)에서만 끊기게 합니다.
폰트 폴백Font fallback
`font-family`에 나열한 폰트를 앞에서부터 순서대로 시도하다가, 그 글자를 실제로 갖고 있는 첫 번째 폰트를 쓰는 브라우저의 동작.
폰트 디스플레이 전략Font display strategy
커스텀 폰트가 아직 다운로드되지 않았을 때 텍스트를 어떻게 보여줄지 정하는 CSS 속성. 안 보이게 숨길지(FOIT), 폴백 폰트로 먼저 보여줄지(FOUT)를 고릅니다.
폰트 서브셋팅Font subsetting
폰트 파일에서 실제로 쓰이는 글자의 글리프만 남기고 나머지는 잘라내 파일 크기를 줄이는 작업. 한글처럼 글자 수가 많은 문자 체계에서 특히 효과가 큽니다.
올캡스 트래킹All-caps tracking
본문을 전부 대문자로 바꾸면 글자끼리 시각적으로 더 붙어 보입니다 — 소문자의 어센더·디센더가 주던 리듬이 사라지기 때문입니다. 양의 트래킹으로 그 답답함을 풀어주는 관행.
광학 여백 정렬Optical margin alignment
따옴표·불릿·하이픈처럼 잉크(먹)가 적고 주변 여백이 큰 문장부호를, 본문 줄과 같은 수직선이 아니라 살짝 바깥으로 내보내 "시각적으로" 줄이 맞아떨어지게 만드는 기법.
커닝Kerning
특정 글자 쌍(AV, To, We 등) 사이의 간격을 개별적으로 좁히거나 넓히는 것. 전체 자간(트래킹)과는 다릅니다.
트래킹Tracking
단어 전체의 글자 사이 간격을 균일하게 늘리거나 줄이는 것. CSS의 `letter-spacing`에 해당합니다.
리딩 (행간)Leading
줄과 줄 사이의 세로 간격. 이름은 활자 인쇄 시대에 줄 사이에 납(lead) 조각을 끼워 넣던 데서 왔습니다.
베이스라인Baseline
대부분의 글자가 "올라서는" 보이지 않는 기준선. g, y, p 같은 디센더만 이 선 아래로 내려갑니다.
엑스하이트x-height
소문자 x처럼 어센더·디센더가 없는 글자의 높이. 같은 폰트 크기여도 서체마다 이 비율이 달라 체감 크기가 달라집니다.
세리프Serif
획의 끝에 작은 "발"(삐침, foot)이 달린 서체. 인쇄 활자 전통에서 온 형태로, 본문 가독성이 좋다고 여겨집니다.
산세리프Sans-serif
획 끝에 발(세리프)이 없는, 굵기가 비교적 균일한 서체. "sans"는 프랑스어로 "없이"라는 뜻입니다.
모노스페이스Monospace
모든 글자가 정확히 같은 폭을 차지하는 서체. i와 m이 같은 자리를 차지합니다.
가변 폰트Variable font
굵기·너비·기울기 같은 축을 하나의 폰트 파일 안에서 연속적으로 보간하는 폰트 형식. Regular와 Bold를 따로 다운받을 필요가 없습니다.
키네틱 타이포그래피Kinetic typography
글자 하나하나가 움직임으로 리듬·감정을 전달하는 타이포그래피. 자막·타이틀 시퀀스·로딩 화면에 흔히 씁니다.
드롭캡Drop cap
문단의 첫 글자를 몇 줄에 걸쳐 크게 키워 시작을 표시하는 오랜 인쇄 전통.
위도우와 오펀Widows and orphans
문단의 마지막 줄에 짧은 단어 하나만 덩그러니 남는 "위도우", 문단 첫 줄이 단 하나만 다음 컬럼에 떨어지는 "오펀". 둘 다 편집 디자인의 오랜 금기입니다.
리거처Ligature
fi, fl처럼 연달아 오면 부딪히는 두 글자를 하나의 글리프로 합쳐 그리는 것.
타입 스케일Type scale
본문 크기를 기준으로 일정한 비율(1.2, 1.25, 1.333…)을 곱해 제목 크기들을 순서대로 만드는 체계.
텍스트 밸런스text-wrap: balance
헤드라인이 여러 줄일 때, 각 줄의 길이가 비슷하도록 자동으로 줄바꿈 지점을 재계산하는 CSS 속성.
스몰캡스Small caps
소문자를 대문자 형태로 그리되, 일반 대문자보다 작고 획 굵기는 본문과 맞춘 글자. 그냥 대문자를 축소한 것과는 다릅니다.
옵티컬 사이즈Optical size
같은 서체라도 작은 크기에서는 더 굵고 넓게, 큰 크기(디스플레이용)에서는 더 가늘고 촘촘하게 그리는 보정.
플루이드 타이포그래피Fluid typography
브레이크포인트마다 폰트 크기를 딱딱 바꾸는 대신, 화면(또는 컨테이너) 크기에 비례해 연속적으로 부드럽게 커지고 작아지게 하는 방식.
메저 (한 줄 글자 수)Measure
한 줄에 들어가는 글자 수. 너무 짧으면 시선이 자주 끊기고, 너무 길면 다음 줄을 찾기 어려워집니다.
폰트 웨이트Font weight
획의 두께를 나타내는 값. CSS는 100(Thin)부터 900(Black)까지 100 단위 숫자로 다룹니다.
수직 리듬Vertical rhythm
제목·본문·여백이 하나의 기준 단위(보통 리딩 값)의 배수로 움직여서, 페이지 전체 세로 흐름에 규칙적인 박자가 생기는 것.