현황
본문 타이포가 apps/blog/src/components/post-detail/post-detail.module.scss에 px로 하드코딩되어 있다. 모바일에서 h2 16px·h3 14px로 줄어들어 본문 14px과 거의 같아지면서 헤딩 위계가 사라진다(:99-111). 폰트는 system-ui만 사용하고, Noto Sans KR 설정은 layout.tsx에 주석 처리되어 있다.
문제
모바일에서 헤딩과 본문 크기가 겹쳐 스캔이 어렵다. 시스템 폰트는 OS별 한글 렌더링 편차가 크다. 한글 본문 줄간격(28px)도 다소 빡빡하다.
제안
- 타입 스케일을 토큰화하고, 모바일에서도 h3 > 본문이 유지되도록 최소 1단계 차이 확보
- 한글 본문 line-height를 1.7~1.8 수준으로 상향
next/font/local 또는 가변폰트(Pretendard 등)로 한글 폰트 고정
임팩트 / 난이도
임팩트 상 / 난이도 중
🤖 코드베이스 조사 기반 작성 (Claude Code)
현황
본문 타이포가
apps/blog/src/components/post-detail/post-detail.module.scss에 px로 하드코딩되어 있다. 모바일에서 h2 16px·h3 14px로 줄어들어 본문 14px과 거의 같아지면서 헤딩 위계가 사라진다(:99-111). 폰트는 system-ui만 사용하고, Noto Sans KR 설정은 layout.tsx에 주석 처리되어 있다.문제
모바일에서 헤딩과 본문 크기가 겹쳐 스캔이 어렵다. 시스템 폰트는 OS별 한글 렌더링 편차가 크다. 한글 본문 줄간격(28px)도 다소 빡빡하다.
제안
next/font/local또는 가변폰트(Pretendard 등)로 한글 폰트 고정임팩트 / 난이도
임팩트 상 / 난이도 중
🤖 코드베이스 조사 기반 작성 (Claude Code)