fix(blog): 포스트 타입 스케일 토큰화·모바일 헤딩 위계 복원·Noto Sans KR 활성화 (#95)#130
Merged
Conversation
- 헤딩/본문 px 하드코딩을 --post-*-size 토큰으로 모으고, 모바일에서 h1 24/h2 20/h3 16px로 본문 14px과 최소 한 단계 차이 확보 - 본문 line-height를 unitless 1.8로 상향 — 모바일에서도 #118의 25px(1.79) 복원 의도를 비율로 계승 - layout.tsx의 Noto_Sans_KR(next/font/google) 설정을 활성화해 body에 적용, 셀프호스트라 불필요한 preconnect 주석 제거
|
The latest updates on your projects. Learn more about Vercel for GitHub. |
- weight에 500 추가: font-medium 7곳이 400으로 붕괴되던 회귀 수정(600은 th 한 곳뿐이라 700 상향 매칭 감수를 주석으로 명시) - 미사용 variable 옵션과 tailwind.config.js의 주석 잔재 제거 — className 단일 방식으로 정리 - 폰트 주석을 실제 동작(subsets=preload 대상, 한글은 unicode-range 온디맨드)으로 교체하고, 기본 스코프 ul/ol/table에도 --post-body-size 토큰 적용해 단일 출처 완성
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
배경
모바일(≤800px)에서 포스트 헤딩이 h1 24px / h2 16px / h3 14px로 줄어들어 본문 14px과 겹치면서 헤딩 위계가 사라졌다. 데스크톱에서도 h3(16px)가 본문(16px)과 같았다. 또한 폰트가 system-ui뿐이라 OS별 한글 렌더링 편차가 있었고, Noto Sans KR 설정은 layout.tsx에 주석으로만 남아 있었다.
구현
post-detail.module.scss)--post-h1-size/--post-h2-size/--post-h3-size/--post-body-size토큰으로 모으고, 모바일 미디어쿼리에서는 토큰 값만 덮어쓴다.line-height: 28px(1.75) → unitless1.8. 비율이라 모바일 14px에서도 약 25.2px로 스케일되어 #118에서 복원한 25px(≈1.79)의 의도를 그대로 계승한다.layout.tsx)Noto_Sans_KR(next/font/google)설정을 활성화하고font.className을 body에 적용.범위 밖
pre)의 모바일 14px은 코드 가독성이라는 독립 사유가 있어 리터럴 유지.li의 line-height(28px) 등 이슈에서 지적되지 않은 기존 수치는 변경하지 않음.검증
pnpm run build성공 (Turbo, 전체 정적 페이지 생성 확인)pnpm run lint통과 (--max-warnings 0)apps/blog에서pnpm test통과 (22 suites / 94 tests)Closes #95