[seongwon030]

Close #2273

머지하면 Chromatic에서 텍스트가 있는 스토리 전체가 변경으로 잡힌다. 폰트가 실제 폰트로 바뀐 것이라 승인하면 된다.

문제

Storybook의 모든 스토리가 Pretendard가 아닌 대체 폰트로 그려지고 있었다. 앱은 index.html의 jsdelivr CDN 링크로 Pretendard를 불러오는데, .storybook/에는 preview-head.html이 없고 Global.styles.ts에도 @font-face가 없다. 그래서 Pretendard가 설치되지 않은 PC와 Chromatic 스냅샷은 font-family의 다음 후보로 그려졌다. #2268 리뷰에서 harry가 짚었다.

해결

.storybook/preview-head.html에 index.html과 같은 preconnect와 Pretendard 스타일시트 링크를 둔다. Krona One은 관리자 로그인 제목 전용이라 넣지 않았다.

검증

정적 빌드를 Playwright로 열고 CDP CSS.getPlatformFontsForNode로 Button 스토리 버튼 글자의 실제 렌더 폰트를 확인했다(Pretendard 미설치 macOS).

	렌더 폰트
변경 전 (develop-fe)	Apple SD Gothic Neo
변경 후	Pretendard SemiBold

build-storybook 통과. Chromatic 환경에서의 결과는 이 PR의 Chromatic 빌드로 확인한다.

영향 범위

Storybook과 Chromatic baseline만 바뀐다. 앱 번들·학생용·관리자용·앱 웹뷰에는 닿지 않는다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
moadong	Ready	Preview	Oct 29, 2026 11:03am UTC

[coderabbitai]

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 31 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

Run configuration

• Source mode: Auto
• Repository: Moadong/moadong
• Branch: fix/&#35;2273-storybook-pretendard-font-MOA-1237
• File: .coderabbit.yaml
• Commit: 90996ad
• Layers: Repository YAML
• Review profile: CHILL
• Plan: Advanced
• Run ID: d39d0e3f-2793-4b78-a03a-10aa7599c457

Commits

Reviewing files that changed from the base of the PR and between 712414b and 90996ad.

Files selected for processing: 1

• frontend/.storybook/preview-head.html

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[diboreview-e2e-bot]

켜진 규칙 위반이 없어요.

지적 0개 · 버린 지적 0개 · 중복 제외 0개 · 비용 $0.0148

[reviewer-harry]

Claude finished @seongwon030's task in 27s —— View job

---

harry 리뷰

리뷰 기준에 어긋나는 부분은 없어요. preview-head.html의 preconnect와 Pretendard 스타일시트 URL이 index.html의 48·53번째 줄과 똑같아요. 그래서 앱과 Storybook이 같은 폰트 소스를 써요. 상단 주석은 이 파일이 왜 있는지를 설명하는 의도 주석이라 남겨 두는 게 맞아요. 앱에서 쓰지 않는 Krona One을 빼서 변경 범위도 작게 유지했어요. 깔끔해요 👍

[github-actions]

🎨 UI 변경사항을 확인해주세요

변경된 스토리를 Chromatic에서 확인해주세요.

구분	링크
🔍 변경사항 리뷰	https://www.chromatic.com/build?appId=67904e61c16daa99a63b44a7&number=1278
📖 Storybook	https://67904e61c16daa99a63b44a7-hklhmhztni.chromatic.com/

166개 스토리 변경 · 전체 193개 스토리 · 67개 컴포넌트