어떻게 읽어야 하나
- Riot Games 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Riot Games는 어떤 폰트를 쓸까?
Riot Games 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
ClassicGrotesqueW02
Eco Coding W02 WGL4
Eco Coding WGL4 W06 Regular
Eco Coding W10 WGL4
Eco Coding WGL4 W15 Regular
Proxima Nova W02
Proxima Nova W10
Proxima Nova W15
Inter V Latin
RixSGo
Riot Sans Latin
Noto Sans Korean
Noto Sans Thai
Noto Sans JP
Riot Sans Korean
Riot Sans Thai
Riot Games에서는 ClassicGrotesqueW02, Eco Coding W02 WGL4, Eco Coding WGL4 W06 Regular, Eco Coding W10 WGL4, Eco Coding WGL4 W15 Regular, Proxima Nova W02, Proxima Nova W10, Proxima Nova W15, Inter V Latin, RixSGo, Riot Sans Latin, Noto Sans Korean, Noto Sans Thai, Noto Sans JP, Riot Sans Korean, Riot Sans Thai 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://www.riotgames.com/en
- CSS: https://www.riotgames.com/assets/css/a4dee28c70f7249b6d4e0034a1cec041/index.css