font inspectorWhat font does Microsoft use?
Like Apple, Microsoft ships its system typeface to the web, so the site looks the same on a Mac or a phone as it does on Windows. We were redirected to a regional version of the home page.
Short answer: Microsoft’s website uses Segoe UI, its own system typeface, including the newer Segoe UI Variable in Text and Display cuts, served as web fonts from microsoft.com.
Segoe UI Variable
Self-hosted60.9%- CSS name
Segoe UI Variable Text- Weights
- 400, 500, 600
- Sizes
- 48px · 32px · 20px · 16px · 15px · 14px
- Served from
- www.microsoft.com
Segoe UI
Self-hosted39.1%- CSS name
Segoe UI- Weights
- 400, 600
- Sizes
- 16px · 14px · 13px · 11px
- Served from
- c.s-microsoft.com
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | Segoe UI Variable | 48px | 500 | 1.17 | -0.025em |
| Subheading | Segoe UI Variable | 20px | 600 | 1.4 | -0.015em |
| Body text | Segoe UI Variable | 16px | 400 | 1.5 | -0.03em |
| Navigation | Segoe UI | 13px | 400 | normal | normal |
The main font stack in the CSS:
font-family: "Segoe UI Variable Text", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif;- Negative letter spacing is applied throughout, even to 16px body text.
- Two generations of the same typeface live side by side: the variable cuts in the page content, and static Segoe UI in the shared header and footer.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on microsoft.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Segoe UI Variable
The variable version of Segoe UI introduced with Windows 11, with an optical size axis. The site uses its Text and Display cuts for headlines and body copy.
Can you use it? Segoe UI ships with Windows and is offered through Adobe Fonts. The copy on your PC is not licensed for serving from your own site. Open Sans is the closest free relative.
Segoe UI
The classic static Segoe UI, used for the header, the footer and small interface text.
Can you use it? The same applies as for Segoe UI Variable.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Open Sans, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Microsoft’s brand typeface.
/* Approximates the Microsoft look with a free font */
body {
font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 3rem; /* 48px */
font-weight: 500;
line-height: 1.17;
letter-spacing: -0.025em;
}
p {
font-size: 1rem; /* 16px */
font-weight: 400;
line-height: 1.5;
letter-spacing: -0.03em;
}How we checked
We opened microsoft.com in Chrome on September 20, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Microsoft and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Microsoft.
Questions & answers
What font does Microsoft use on its website?+
Microsoft’s website uses Segoe UI, its own system typeface, including the newer Segoe UI Variable in Text and Display cuts, served as web fonts from microsoft.com.
Can I use the Microsoft font?+
Segoe UI ships with Windows and is offered through Adobe Fonts. The copy on your PC is not licensed for serving from your own site. Open Sans is the closest free relative.
What is a free font similar to Segoe UI Variable?+
Open Sans is free on Google Fonts and gives a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font Microsoft uses myself?+
Open microsoft.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.