어떻게 읽어야 하나
- Microsoft 화면의 타이포그래피 분위기를 빠르게 훑어볼 수 있습니다.
- 관찰된 폰트 이름을 기준으로 비슷한 제품 UI의 헤드라인과 본문 조합을 비교할 수 있습니다.
- 폰트 조합 탭에서 같은 계열의 대체 조합을 이어서 확인할 수 있습니다.
Microsoft는 어떤 폰트를 쓸까?
Microsoft 웹사이트에서 관찰한 font-family 값을 기준으로 정리했습니다.
관찰된 폰트
SegoeUI
MWF-MDL2
Segoe UI
SFMono-Regular
Consolas
Liberation Mono
Menlo
Courier
Microsoft에서는 SegoeUI, MWF-MDL2, Segoe UI, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier 계열이 공개 CSS에서 관찰됐습니다. 실제 사용자에게 보이는 폰트는 OS, 브라우저, 지역, A/B 테스트, fallback stack에 따라 달라질 수 있습니다.
관찰 근거
- 관찰 페이지: https://www.microsoft.com/ko-kr
- CSS: https://www.microsoft.com/echo/etc.clientlibs/microsoft/clientlibs/clientlib-mwf-new/main-light.ACSHASH00f3de21feb098c1210537b8acff540a.min.css
- CSS: https://www.microsoft.com/echo/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-base.ACSHASH09fc174a067266136d6f9a3802411f78.min.css
- CSS: https://www.microsoft.com/echo/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-uhf.ACSHASHf9f2395c582fa601707b7a5dfae9f05f.min.css
- CSS: https://www.microsoft.com/echo/etc.clientlibs/microsoft/components/content/universalheader/v1/universalheader/clientlibs/site.ACSHASHba88550b05d37722ac0b4ce30f3c4d6c.min.css
- CSS: https://uhf.microsoft.com/statics/20260616.12.55/css/style-BpBYj3rT.css
- CSS: https://www.microsoft.com/echo/etc.clientlibs/microsoft/components/content/highlightcarousel/v1/highlightcarousel/clientlibs/site.ACSHASH4e526db2d2fbf161e82df26d3cdaec53.min.css