어떻게 읽어야 하나
- Salesforce 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Salesforce는 어떤 폰트를 쓸까?
Salesforce 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
Salesforce Sans
ITC Avant Garde
M XiangHe Hei SC Bold
M XiangHe Hei TC Bold
Tazugane Info Heavy
Seol Sans Heavy
Handset Sans Thai Bold
Inter
Inter var
Salesforce에서는 Salesforce Sans, ITC Avant Garde, M XiangHe Hei SC Bold, M XiangHe Hei TC Bold, Tazugane Info Heavy, Seol Sans Heavy, Handset Sans Thai Bold, Inter, Inter var 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://www.salesforce.com/kr/?ir=1
- CSS: https://www.salesforce.com/c2/public/exp/pbc/server/css/style.d539f1e05289a793dce0.css
- CSS: https://a.sfdcstatic.com/digital/@sfdc-www/open-blade-libs/qualified/v1.0.0/qualified-abdc7f4c.css
- CSS: https://a.sfdcstatic.com/digital/@sfdc-www/xsf-nav/v1-stable/nav/styles/style-10d61c8efebe6031adce3d27db784669.css
- CSS: https://a.sfdcstatic.com/digital/@sfdc-www/xsf-nav/v1-stable/nav/styles/style-67128a272c365be37481b889b574a472.css
- CSS: https://a.sfdcstatic.com/digital/@sfdc-www/xsf-nav/v1-stable/nav/styles/style-45828d0024d1c29b9b488eebac62fb62.css
- CSS: https://a.sfdcstatic.com/digital/@sfdc-www/xsf-nav/v1-stable/nav/styles/style-5bcd841610008057154619e161df0b9e.css