Welcome to MSDN Blogs Sign in | Join | Help

The burden of locked grids & blooming dots

Stuck in a rut, boxed in by restraints, griddled by grids?

You know what I love? Beautiful type. Gorgeous books, letterpress, ink and the swish of the pen. The flow of thought communicated through the way words are placed on a page, and the artistry and design intent hidden behind a functional form.

You know what I work with? Yep that’s right. Grids and dots. LCD displays and CRT monitors. I also work with developers, architects and mad mathematicians – let alone the infamous fearless Scotsman who runs our group!

For a typophile such as myself, you know where I’d like to be? I’d like screen viewing and reading to be as flawless as possible. But at the moment we have a ways to go before we get there and that’s the challenge.

In the past and at the moment type on-screen is limited by the resolution of the screen. No matter how delicate and subtle the outline shapes may be, when they are being rendered onscreen at small sizes they have to be mapped to a fairly crude grid of pixels. Here’s a short video for those of you who have not come across hinting for type before:

This video explains what a fairly coarse grid does to black and white rendering. Black & white rendering is pretty stark, and aliased stair-stepped jaggy text is just plain ugly. It’s a far cry from the original intent of the design, although it was the best we could do at the time.

And simply put whether the edges of these pixels are sharply defined or blurred depends on the method of rendering, the kind of anti-aliasing used and the quality of the light emission behind the screen and so on.

Also for starters there’s a small matter of hardware and screen resolution. Now don’t get me wrong, there’s been huge leaps in improvements along this axis. Today, most displays are 100DPI or less, but there are newer displays out there with a resolution of around 130DPI, 150DPI, and 200DPI. And the higher you go the smaller the grid, the smaller the pixel, until eventually you won’t even notice there is a grid, or dot behind the line…more to follow…

Hi. My name is Geraldine Wade and I’m a Design Program Manager in the Advanced Reading Technologies team. Our group is particularly involved with rasterisation, technological type advancement and the science of reading. I have been involved with hinting, designing and managing font projects tied to technology advancements for Microsoft since the Windows 3.1 core fonts and I want to talk about the restraints we have with designing for onscreen reading, where we have been, where we are now and where we’d like to go in the future.

Published Wednesday, October 26, 2005 5:26 PM by fbcontrb

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Comments

# re: The burden of locked grids & blooming dots

Good blog! Keep up the good work. ;)
Thursday, October 27, 2005 3:36 PM by Cornflake

# re: The burden of locked grids & blooming dots

Great start - subscribed!

oh, for any CSS gurus who manage blogs.msdn.com -- the fonts on this blog appear unreadably small on Firefox :( ... a fix would be great. And thanks for the Vista fonts preview!
Friday, October 28, 2005 5:27 AM by StoneSans

# re: The burden of locked grids & blooming dots

Is it my imagination or does the article get cut off just after the video link? It looks like it starts mid-paragraph.

Love the blog though, keep up the good work!
Friday, October 28, 2005 10:51 PM by Edge

# re: The burden of locked grids & blooming dots

GW > I also work with developers, architects and mad mathematicians...

don't forget researchers :-)

Will > Is it my imagination...

No
Saturday, October 29, 2005 4:09 PM by Si

# re: The burden of locked grids & blooming dots

Thanks Will! Have updated this - should make more sense now;)
Monday, October 31, 2005 6:49 PM by fbcontrb

# re: The burden of locked grids & blooming dots

Either you guys need bigger pipes on the server streaming that video or you need to allow us to download it. It's essentially unwatchable because of al the audio and video dropouts...
Saturday, November 12, 2005 12:30 AM by LarryOsterman

# re: The burden of locked grids & blooming dots

The video is GREAT... i never knew how that worked and now i'm hooked -- awesome
Thursday, December 08, 2005 10:30 AM by Dave Solimini

# More Follow up to discussion about High DPI

Thursday, September 18, 2008 12:36 AM by More Follow up to discussion about High DPI

# ?? ?????? ?????? ?? ?????????????? ???????????????????? | ???????? ?? Windows 7

# More Follow up to discussion about High DPI | MS Tech News

# High DPI 추가작업(Discussion about High DPI)

몇 가지 흥미로웠던 논의와 함께, High DPI에 대한 많은 댓글을 달아주셨습니다. 대부분은 우리가 수집해 온 데이터와 일치하는 좋은 예들 입니다. 우리가 데이터를 가지지 않는 분야에

Friday, January 09, 2009 3:40 AM by Engineering Windows 7

# Tune Up Your PC » Post Topic » Engineering Changes to ClearType in Windows 7

# Engineering Changes to ClearType in Windows 7 | Techno Portal

# Engineering Changes to ClearType in Windows 7 | SECURITY OWNED

# Tune Up Your PC » Post Topic » Engineering Changes to ClearType in Windows 7

# Engineering Changes to ClearType in Windows 7 | Windows 7 Information, News, Downloads, Support Forums

# re: The burden of locked grids & blooming dots

Ping back from <a href="http://technews.com.ua/tag/windows-7">

Sunday, August 02, 2009 6:08 AM by windows 7

Leave a Comment

(required) 
required 
(required) 

  
Enter Code Here: Required
 
Page view tracker