어떻게 읽어야 하나
- Wix 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Wix는 어떤 폰트를 쓸까?
Wix 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
din-next-w01-light
helveticaneuew01-45ligh
helveticaneuew01-65medi
helveticaneuew01-75bold
helveticaneuew02-45ligh
helveticaneuew02-65medi
helveticaneuew02-75bold
helveticaneuew10-45ligh
helveticaneuew10-65medi
helveticaneuew10-75bold
madefor-display
madefor-display-bold
madefor-display-extrabold
madefor-text
madefor-text-bold
madefor-text-extrabold
madefor-text-mediumbold
wixmadefordisplayapp-bold
wixmadefordisplayapp-extrabold
wixmadefordisplayapp-regular
Wix에서는 din-next-w01-light, helveticaneuew01-45ligh, helveticaneuew01-65medi, helveticaneuew01-75bold, helveticaneuew02-45ligh, helveticaneuew02-65medi, helveticaneuew02-75bold, helveticaneuew10-45ligh, helveticaneuew10-65medi, helveticaneuew10-75bold, madefor-display, madefor-display-bold, madefor-display-extrabold, madefor-text, madefor-text-bold, madefor-text-extrabold, madefor-text-mediumbold, wixmadefordisplayapp-bold, wixmadefordisplayapp-extrabold, wixmadefordisplayapp-regular 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://www.wix.com/
- CSS: https://static.parastorage.com/services/wix-footer/5c09d477fd84daafe84b73b9069c84e051752fcce4f0fb2b72e717eb/app.min.css
- CSS: https://static.parastorage.com/services/wix-header/8995ed4243a0cf049492fefb88115d1a321fc42b2da340482a3fa8b1/app.min.css
- CSS: https://static.parastorage.com/services/wix-thunderbolt/dist/main.renderer.d1b87f2e.min.css
- CSS: https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[SkipToContentButton].c9649c22.min.css
- CSS: https://static.parastorage.com/services/wix-thunderbolt/dist/main.744ea815.min.css
- CSS: https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_StylableButton].6e2ffc03.min.css