Spectral 폰트에 한글 글리프가 없어 본문이 깨짐

Outcome 디자인 토큰의 본문 폰트 Spectral은 라틴 전용이라 한글이 시스템 폴백으로 렌더됨. 폰트 스택에 Noto Serif KR(본문)·Pretendard(라벨)를 폴백으로 명시해 우회.

무엇이 막혔나

디자인 팩의 본문 폰트로 지정된 Spectral은 라틴 전용 글리프만 있다. 그대로 적용하면 한국어 본문이 폰트 스택 끝의 시스템 폰트로 떨어져, 세리프 톤이 깨진다.

어떻게 우회했나

폰트 스택에 한글 폴백을 명시했다.

--font-body: "Spectral", "Noto Serif KR", Georgia, serif;
--font-label: "IBM Plex Mono", "Pretendard", monospace;

배운 점

OFL 라이선스 세리프라도 라틴 전용이면 CJK가 깨진다. 한국어 사이트는 폰트 스택 폴백을 처음부터 필수로 잡아야 한다. M1에서는 시스템 세리프 폴백으로 동작시키고, 실제 woff2 자체 호스팅(용량·서브셋팅 필요)은 후속 작업으로 분리했다.

Learned OFL 세리프라도 라틴 전용이면 한글이 깨진다. CJK 사이트는 폰트 스택 폴백(Noto Serif KR 등)을 처음부터 필수로 잡아야 한다. M1은 시스템 세리프 폴백으로 동작시키고, woff2 자체 호스팅은 후속 작업으로 분리한다.
tags  #font #css #i18n #막힘