What Segoe UI variations are available?

Question

I see both "Segoe UI" and "Segoe UI Semilight" in CSS intellisense in VS11, but when I output both of these at 30pt that both look exactly the same.

Segoe UI - Looks like Segoe UI

Segoe UI Semilight - Looks like Segoe UI Semilight

Segoe UI Semibold -  Looks like Segoe UI Semibold

Segoe UI Bold - Looks like some base serif font

Segoe UI Black - Looksl like some base serif font

Segoe UI Light - This looks lighter than semilight, so this is a built in font?

Segoe UI Semilight Italic - Looks like some base serif font

 

So by tinkering around I can see "Segoe UI", "Segoe UI Semilight", "Segoe UI Semibold" and "Segoe UI Light" are built in fonts.

Wondering if there's an official list somewhere.

Answer 1

Hi H,

What do you mean by: "Wondering if there's an official list somewhere."?

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

Hi Harlequin,

 

Windows 7 came with the following Segoe UI fonts: Segoe UI Light, Segoe UI Regular, Segoe UI Semibold, Segoe UI Bold, Segoe UI Italic and Segoe UI Bold Italic, along with the Segoe UI Symbol.

 

Windows 8 Developer Preview adds Segoe UI Semilight, a weight in between Light and Regular. Segoe UI Semilight holds up at smaller sizes (down to 11pt) compared to Segoe UI Light (which needs 20pt +).

Segoe UI Black, Segoe UI Semilight Italic, Segoe UI Light Italic, Segoe UI Semibold Italic and Segoe UI Black Italic are not fonts that ship with Windows at this point. 

 

Hope this helps.

 

Si Daniels, Lead PM for fonts, Windows Core Experience

 

Answer 3

Good to know, thanks. I hope Segoe UI Bold and Segoe UI Black end up in future versions.

Answer 4

A couple of related articles went live last week...

http://msdn.microsoft.com/en-us/library/windows/apps/hh872191
Understanding the Windows 8 silhouette

http://msdn.microsoft.com/en-us/library/windows/apps/hh700394
Guidelines and checklist for text and typography

Cheers, Si

Answer 5

An update on this. Here are the eleven Segoe UI's that are included in Windows 8 RTM 

Segoe UI Light
Segoe UI Semilight
Segoe UI Regular
Segoe UI Semibold
Segoe UI Bold
Segoe UI Light Italic
Segoe UI Semilight Italic
Segoe UI Regular Italic
Segoe UI Semibold Italic
Segoe UI Bold Italic
and Segoe UI Symbol

No Segoe UI Black, Black Italic

Answer 6

Wonder why Black was removed. Still use it once in a while in designs.

But thanks for the updated list. Looks like double the number of variations as was in the Developer Preview.