기술노트

제목 위아래 여백이 안 맞는 이유(하프 리딩)부터 text-box-trim, text-wrap의 balance·pretty, font-size-adjust까지. 2026년 기준으로 CSS만으로 해결되는 타이포그래피 문제들을 정리한다.

웹폰트가 뒤늦게 교체되며 화면이 툭 밀리는 CLS를 없애는 폰트 폴백 메트릭 오버라이드 기법. size-adjust와 ascent-override 사용법, 배율을 직접 구하는 방법, next/font 자동화까지 실전 위주로 정리했다.