어떻게 읽어야 하나
- Line Works 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Line Works는 어떤 폰트를 쓸까?
Line Works 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
TestbedALT_ExtraBold
eicons
Font Awesome 5 Brands
Font Awesome 5 Free
Roboto
Noto Sans JP
Arial
Helvetica
Verdana
LINE Seed JP_OTF
Meiryo
MS Pゴシック
noto sans CJK JP
Roboto Slab
Times
Times New Roman
ヒラギノ角ゴシック
ヒラギノ角ゴシック ProN
Line Works에서는 TestbedALT_ExtraBold, eicons, Font Awesome 5 Brands, Font Awesome 5 Free, Roboto, Noto Sans JP, Arial, Helvetica, Verdana, LINE Seed JP_OTF, Meiryo, MS Pゴシック, noto sans CJK JP, Roboto Slab, Times, Times New Roman, ヒラギノ角ゴシック, ヒラギノ角ゴシック ProN 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://line.worksmobile.com/kr/
- CSS: https://line-works.com/wp-content/themes/lineworks/style.css?ver=2026061730
- CSS: https://line-works.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.14.0
- CSS: https://line-works.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.5.6
- CSS: https://line-works.com/wp-content/themes/lineworks/assets/elementor/custom-frontend-legacy.min.css?ver=1.0
- CSS: https://line-works.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.5.6
- CSS: https://line-works.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.5.6