어떻게 읽어야 하나
- Threads 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Threads는 어떤 폰트를 쓸까?
Threads 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
Optimistic Text Light
Optimistic Text Light Swap
Optimistic Text Normal
Optimistic Text Normal Swap
Optimistic Text Medium
Optimistic Text Medium Swap
Optimistic Text Bold
Optimistic Text Bold Swap
Optimistic Text ExtraBold
Optimistic Text ExtraBold Swap
Optimistic Text Viet Light
Optimistic Text Viet Light Swap
Optimistic Text Viet Normal
Optimistic Text Viet Normal Swap
Optimistic Text Viet Bold
Optimistic Text Viet Bold Swap
Optimistic Text Arbc Light
Optimistic Text Arbc Light Swap
Optimistic Text Arbc Normal
Optimistic Text Arbc Normal Swap
Threads에서는 Optimistic Text Light, Optimistic Text Light Swap, Optimistic Text Normal, Optimistic Text Normal Swap, Optimistic Text Medium, Optimistic Text Medium Swap, Optimistic Text Bold, Optimistic Text Bold Swap, Optimistic Text ExtraBold, Optimistic Text ExtraBold Swap, Optimistic Text Viet Light, Optimistic Text Viet Light Swap, Optimistic Text Viet Normal, Optimistic Text Viet Normal Swap, Optimistic Text Viet Bold, Optimistic Text Viet Bold Swap, Optimistic Text Arbc Light, Optimistic Text Arbc Light Swap, Optimistic Text Arbc Normal, Optimistic Text Arbc Normal Swap 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://www.threads.net/
- CSS: https://static.cdninstagram.com/rsrc.php/v5/yC/l/0,cross/fgQe914iiBfONMKn3YhINqU49pVNahkCk.css
- CSS: https://static.cdninstagram.com/rsrc.php/v5/yp/l/0,cross/VELzSr28G5A4zT1_TfPE9c.css