Font ảnh chụp màn hình phù hợp với các ngôn ngữ App Store
Lựa chọn font trong ảnh chụp màn hình App Store có ba ràng buộc mà hầu hết quyết định typography thông thường không có: khả năng đọc được ở thumbnail, hành vi của trình kết xuất App Store, và độ phủ bộ ký tự cho 50 ngôn ngữ. Chọn font không đạt một trong ba điều kiện và carousel của bạn chuyển đổi kém hơn mức đáng có.
Kiểm tra khả năng đọc ở thumbnail
Kết quả tìm kiếm App Store hiển thị ảnh chụp màn hình ở khoảng 200-260 px chiều rộng — khoảng 1/6 của kích thước gốc 1320 × 2868. Chữ chú thích cao 100 px trong thiết kế của bạn kết xuất ở ~15 px trong thumbnail. Ở kích thước đó, font nét mảnh (Helvetica Light, Avenir Next Ultra-Light, Playfair Display Thin) trở thành những vệt mờ không rõ nét.
Các font giữ được hình dạng ở kích thước thumbnail có một vài đặc điểm chung:
- x-height rộng (chữ thường cao hơn so với chữ hoa)
- Độ đậm cao (700-900)
- Khẩu độ mở (khoảng trống âm trong các chữ cái như 'c', 'e', 'a' vẫn mở ở kích thước nhỏ)
- Chiều rộng nét đồng đều (không có tương phản mảnh-dày)
Font phù hợp cho các ngôn ngữ ký tự Latin
Đã được kiểm tra và nhất quán trong sử dụng carousel App Store:
- Inter (miễn phí, mã nguồn mở) — mặc định của chúng tôi. Inter Bold và Inter Black kết xuất tốt ở mọi kích thước. Bao phủ Latin, Cyrillic, Greek, Tiếng Việt sẵn có. Font ảnh chụp màn hình ứng dụng phổ biến nhất trong hệ sinh thái indie 2025-2026.
- SF Pro (hệ thống Apple) — mặt chữ của Apple. Miễn phí sử dụng trong tiếp thị cho ứng dụng iOS theo giấy phép font của Apple. Kết xuất đồng nhất trên mọi thiết bị iOS. Cảm giác "mặc định Apple" hơn Inter một chút, có thể là điểm cộng hoặc trừ tùy thương hiệu.
- Söhne (trả phí, Klim Type Foundry) — thần tượng thời OpenAI / Anthropic. Được dùng bởi Linear, OpenAI, Vercel. Nhiều độ đậm. Giấy phép đắt.
- GT America (trả phí, Grilli Type) — sans hình học, nhiều độ đậm, trình bày tốt trong tiếp thị. Được dùng bởi Notion, Stripe và các thương hiệu khác.
- Geist (miễn phí, Vercel) — phát hành mã nguồn mở gần đây. Trông rất tốt ở kích thước thumbnail. Hỗ trợ Cyrillic/Greek hạn chế.
- Roboto / Roboto Flex (Google, miễn phí) — mặc định Android. Ít phổ biến hơn trên carousel iOS nhưng đọc tốt.
Font không phù hợp
- Độ đậm Thin / Ultra-Light. Dưới độ đậm 400 sẽ nát ở kích thước thumbnail. Luôn chọn 600+; 700+ cho chú thích chính.
- Font display có tương phản nét cao. Serif Didone (Bodoni, Didot), display condensed (Bebas, League Spartan Bold Variable) mất nét.
- Font chữ viết tay / handwriting. Không bao giờ đọc được ở thumbnail. Bỏ qua.
- Comic Sans, Papyrus. Vẫn có người thử. Đừng làm vậy.
Bộ ký tự không phải Latin
Hầu hết font tiếp thị không có ký tự Ả Rập, Hebrew, Hindi (Devanagari), Thái, hoặc CJK. Khi bạn phát hành carousel được dịch sang các ngôn ngữ đó, font sẽ dự phòng về hệ thống mặc định. Hai hướng giải quyết hợp lý:
- Chấp nhận font dự phòng hệ thống theo ngôn ngữ. Người dùng ở các thị trường không Latin quen với font mặc định hệ thống và không chú ý. Sự nhất quán thương hiệu bạn mất không đáng bù đắp bằng độ phức tạp tải font bạn thêm vào.
- Kết hợp với font đa bộ ký tự. Bộ Noto (Noto Sans, Noto Serif) bao phủ gần như mọi bộ ký tự Apple hỗ trợ. Kết hợp Inter cho Latin với Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans Thai và Noto Sans CJK giữ trọng lượng hình ảnh nhất quán giữa các ngôn ngữ.
Với công việc ảnh chụp màn hình App Store, phương án dự phòng hệ thống thường thực tế hơn. Phương án Noto là câu trả lời đúng cho ứng dụng mà sự nhất quán thương hiệu giữa các thị trường thực sự quan trọng (xa xỉ, thời trang, công cụ thiết kế).
faux-bold và faux-italic
Tránh cả hai. Hầu hết công cụ thiết kế "tổng hợp" đậm hoặc nghiêng khi không có độ đậm thực — kết quả trông hỏng ở kích thước nhỏ và kết xuất đặc biệt tệ trong CJK và Ả Rập. Luôn dùng độ đậm thực hoặc biến thể nghiêng của font, không phải phiên bản tổng hợp.
Kiểm tra thực tế: nếu bộ chọn font chỉ có "Regular" và bạn đang áp đậm qua nút "B", bạn đang dùng faux-bold. Chuyển sang font có độ đậm Bold thực sự.
Khoảng cách chữ cho tiêu đề
Hầu hết font tiếp thị mặc định khoảng cách chữ trông tốt trong văn bản thân bài nhưng hơi rộng ở kích thước tiêu đề. Thu hẹp -2% đến -4% (tracking) cho văn bản tiêu đề trong ảnh chụp màn hình. Điều này siết chặt nhịp điệu hình ảnh và đọc tốt hơn ở kích thước thumbnail khi các chữ cái riêng lẻ đã cảm thấy nhỏ.
Những gì chúng tôi dùng mặc định
Mokbi mặc định Inter độ đậm 700 cho các lớp văn bản mới. Inter miễn phí, mã nguồn mở, bao phủ Latin/Cyrillic/Greek/Tiếng Việt, và kết xuất nhất quán trên các trình duyệt. Với các ngôn ngữ không Latin, trình chỉnh sửa tự dự phòng về hệ thống mặc định theo ngôn ngữ — đó là lựa chọn thực tế cho hầu hết ứng dụng.