App Store 로케일 전반에서 통하는 스크린샷 폰트
App Store 스크린샷의 폰트 선택에는 일반 타이포그래피 결정에는 없는 세 가지 제약이 있어요: 썸네일 가독성, App Store 렌더러 동작, 그리고 50개 로케일 문자 지원. 이 세 가지 중 하나라도 실패하는 폰트를 선택하면 캐러셀의 전환율이 떨어져요.
썸네일 가독성 테스트
App Store 검색 결과는 스크린샷을 약 200~260 px 너비로 표시해요 — 원본 1320 × 2868의 약 1/6이에요. 디자인에서 100 px 높이의 캡션 텍스트는 썸네일에서 약 15 px로 렌더링돼요. 그 크기에서 가는 획의 폰트 (Helvetica Light, Avenir Next Ultra-Light, Playfair Display Thin)는 흐릿한 얼룩이 돼요.
썸네일 크기에서도 버티는 폰트들은 몇 가지 공통점이 있어요:
- 넓은 엑스하이트 (대문자 대비 소문자가 더 큰 경우)
- 두꺼운 굵기 (700~900)
- 열린 자형 (작은 크기에서도 'c', 'e', 'a' 같은 글자의 음공간이 열려 있는 경우)
- 일정한 획 너비 (가늘고 두꺼운 대비가 없는 경우)
라틴 문자 로케일에 통하는 폰트
App Store 캐러셀 사용에서 테스트되고 검증된 폰트예요:
- Inter (무료, 오픈소스) — 기본 폰트예요. Inter Bold와 Inter Black은 모든 크기에서 잘 렌더링돼요. 기본으로 라틴, 키릴, 그리스어, 베트남어를 지원해요. 2025~2026년 인디 생태계에서 가장 흔한 앱 스크린샷 폰트예요.
- SF Pro (Apple 시스템) — Apple의 전용 서체예요. Apple의 폰트 라이선스에 따라 iOS 앱 마케팅에 무료로 사용 가능해요. 모든 iOS 기기에서 동일하게 렌더링돼요. Inter보다 약간 더 "Apple 기본" 느낌으로, 브랜드에 따라 장점이 될 수도 있어요.
- Söhne (유료, Klim Type Foundry) — OpenAI / Anthropic 시대의 총아. Linear, OpenAI, Vercel이 사용해요. 굵기 다양. 라이선스 비용이 비싸요.
- GT America (유료, Grilli Type) — 지오메트릭 산세리프, 굵기 다양, 마케팅에서 잘 작동해요. Notion, Stripe 등이 사용해요.
- Geist (무료, Vercel) — 최근 오픈소스 출시. 썸네일 크기에서 멋지게 보여요. 키릴/그리스어 지원이 제한적이에요.
- Roboto / Roboto Flex (Google, 무료) — Android 기본 폰트. iOS 캐러셀에서는 덜 사용되지만 잘 읽혀요.
통하지 않는 폰트
- 얇은 / 울트라 라이트 굵기. 굵기 400 미만은 썸네일 크기에서 뭉개져요. 항상 600 이상을 선택하고, 주요 캡션에는 700 이상을 사용하세요.
- 획 대비가 높은 디스플레이 폰트. Didone 세리프 (Bodoni, Didot), 압축 디스플레이 (Bebas, League Spartan Bold Variable)는 선명도를 잃어요.
- 스크립트 / 손글씨 폰트. 썸네일에서 절대 읽히지 않아요. 사용하지 마세요.
- Comic Sans, Papyrus. 아직도 시도하는 분이 있어요. 하지 마세요.
비라틴 문자
대부분의 마케팅 폰트에는 아랍어, 히브리어, 힌디어 (데바나가리), 태국어, CJK 글리프가 없어요. 해당 로케일로 번역된 캐러셀을 출시하면 폰트가 시스템 기본값으로 대체돼요. 두 가지 합리적인 방법이 있어요:
- 로케일별 시스템 대체를 허용하세요. 비라틴 시장의 사용자는 시스템 기본 폰트에 익숙하며 크게 신경 쓰지 않아요. 잃게 되는 브랜드 일관성은 추가되는 폰트 로딩 복잡성 대비 가치가 없어요.
- 멀티스크립트 폰트와 조합하세요. Noto 패밀리 (Noto Sans, Noto Serif)는 Apple이 지원하는 거의 모든 문자를 지원해요. 라틴에 Inter를, 비라틴에 Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans Thai, Noto Sans CJK와 조합하면 로케일 전반에서 시각적 무게감을 일관되게 유지할 수 있어요.
App Store 스크린샷 작업에서는 시스템 대체 방식이 보통 실용적이에요. Noto 방식은 브랜드 일관성이 시장 전반에서 중요한 앱 (럭셔리, 패션, 디자인 도구)에 적합한 방법이에요.
faux-bold와 faux-italic
둘 다 피하세요. 대부분의 디자인 도구는 실제 굵기가 없을 때 볼드나 이탤릭을 "합성"해요 — 결과가 작은 크기에서 깨져 보이고, CJK와 아랍어에서 특히 나쁘게 렌더링돼요. 항상 합성 버전이 아닌 폰트의 실제 Bold 굵기나 이탤릭 변형을 사용하세요.
실용적인 테스트: 폰트 선택기에 "Regular"만 있는데 "B" 버튼으로 볼드를 적용하고 있다면 faux-bold를 사용하는 것이에요. 실제 Bold 굵기가 있는 폰트로 바꾸세요.
헤드라인의 자간
대부분의 마케팅 폰트는 본문 텍스트에서는 괜찮아 보이지만 헤딩 크기에서는 약간 느슨하게 느껴지는 기본 자간을 갖고 있어요. 스크린샷의 헤드라인 텍스트에서는 -2%~-4% (트래킹)로 좁히세요. 시각적 리듬이 촘촘해지고, 글자 하나하나가 이미 작게 느껴지는 썸네일 크기에서 더 잘 읽혀요.
기본으로 제공하는 것
Mokbi는 새 텍스트 레이어에 기본으로 Inter 굵기 700을 사용해요. Inter는 무료, 오픈소스이며, 라틴/키릴/그리스어/베트남어를 지원하고 브라우저 전반에서 일관되게 렌더링돼요. 비라틴 로케일에서는 에디터가 로케일별 시스템 기본값으로 자동 대체해요 — 대부분의 앱에 실용적인 선택이에요.