Putting a Microscope to the Segoe Typefaces
Monday, October 11, 2010 at 8:30PM
saveenr

Not extremely well publicized is that the release of Windows Phone 7 introduces a new typeface: Segoe WP.

I’ve am a big fan of Segoe UI but I have to admit Segoe WP is now my new favorite in terms of look – but still Segoe UI is the best choice for your day-to-day usage. I’ll spend the rest of this post going exploring how these typefaces compare and the issues you can expect to encounter when using them.

 

A quick recap

 

NOTE: Click on the images (the ones with black border) to see more detailed bitmaps.

 

SEGOE

This is the the original. Wikipedia has decent coverage on the origin and controversies of this typeface. This font is not typically available for use. Most of Microsoft’s official printed materials, advertisements, and logotypes seem to use this typeface, but it isn’t distributed via Windows or freely available. So this is not common to encounter in the wild.

image

 

SEGOE UI

This one is all over the place due to Office 2007 and 2010 and Windows 7.

image

 

SEGOE WP

This is the new one with Windows Phone 7. It ships in the Windows Phone 7 SDK.

image

 

 

Rendering with ClearType

 

 

Microsoft Word 2010 at 100% zoom

 

Windows 7 – ClearType enabled using Word 2010 at 100% zoom.

image

You can easily see some weird artifacts in Segoe WP at 11pt.

image

 

Visio 2007 at 100% Zoom

 

Before we look at how it displays in Visio, you have to know that Visio lets you pick how text is displayed. I’ll be obvious in a moment why I always choose “Higher quality text display (anti-aliased)” instead of the other options.

image

 

Visio 2007 (Higher quality setting)

Everybody looks great in this mode.

image

 

Visio 2007 (Cleartype setting)

We see some similar problems to what we found in Microsoft Word 2010.

image

 

Visio 2007 (aliased)

Of course all three will suffer in this mode, but notice that Segoe WP fares the worst. Also I was surprised how well Segoe UI did overall. In particular the 10pt Segoe UI looks excellent.

image

 

PowerPoint 2010 at 100% Zoom

Same as Word 2010

image

 

Internet Explorer 9 Beta (running on Windows 7)

 

image

 

Google Chrome 6

image

 

 

Differences in Form

 

I’ve placed the letters from all three typefaces so you can compare directly how the shapes change. Segoe is in light green, Segoe UI in orange, and Segoe WP in blue. Wherever they all three overlap it will be seen as this brown color.

image

 

The full comparison chart is available as a PDF:

http://cid-1ff099edb1c7ebfa.office.live.com/self.aspx/Public/Blog%20Posts/Viziblr/2010/2010-10-11%20Segoe%20Typefaces/Segoe-Comparison.pdf

 

image

 

image

 

image

 

 

Highlights

 

The capital I is the only thing I truly dislike about Segoe UI.

image

image

 

Some interesting variations in the capital Q.

image

image

 

imageimage

image

image

The ampersand exhibits the most divergence.

imageimage

 

Minor differences in the lowercase s.

image

image

image

image

Segoe WP has a charming 2.

image

image

And a cute 4.

image

image

The gentle curve of 7 is Segoe WP is very attractive.

image

image

image

image

image

image

 

 

A nitpick on Microsoft Office’s Font picking UI

 

The image speaks for itself. I look forward to the day I can see these fonts rendered correctly. The Segoe WP light name isn’t even legible.

 

image

 

 

 

 

CONCLUSION

Article originally appeared on viziblr (http://viziblr.com/).
See website for complete article licensing information.