이 페이지는 폰트 스택이 단순히 “보이는가”가 아니라 대륙 / 문자권 / 언어별 톤을 유지하는가를 본다.
themes/(0000-0000-0000-0001)/assets/css/core/theme-vars.css가 최상위 원본이며, 이 페이지는 그 상속 결과를 확인한다.
언어별 샘플
- 동아시아권:
ko / ja / zh-Hans / zh-Hant - 동남아시아권:
vi / id / ms / fil / th - 유럽권 / 라틴계:
en / fr / de / es / pt / it / nl / sv / no / da / fi / ... - 동유라시아권:
ru / uk / bg / sr / mk / kk / uz / ky - 서아시아권 / RTL:
ar / fa / he / ur / ps
The quick brown fox jumps over the lazy dog.
한글 본문은 줄간격과 자간이 과도하게 벌어지지 않아야 한다.
見出しと本文が同じ設計トーンで収まるかを確認する。
中文正文与标题应保持一致的字形节奏。
繁體中文在相同層級下也要維持穩定的排版節奏。
크기 스케일
fontSizeXs / lineHeightTight
fontSizeSm / lineHeightBase
fontSizeBase
fontSizeLg
fontSizeXl
fontSize2xl
fontSize3xl
코드와 본문
mono / inline code / 코드 블록 확인
--font-mono는 코드와 표에만 쓰이는지 확인한다.--inline-code-radius는 인라인 코드 배경의 라운드를 너무 강하게 만들지 않아야 한다.--code-inline-bg, --code-block-bg, --code-block-fg는 본문과 분리되되 이질적이면 안 된다.fontSizeBase = "18px"
lineHeightBase = "1.6"