ClearType

Last updated
1 and 2 depict standard renderings of a ClearType and purely anti-aliased line, respectively, while 3 and 4 are the same lines enlarged. 5 shows how the ClearType line is rendered on a subpixel level. ClearTypeLine.PNG
1 and 2 depict standard renderings of a ClearType and purely anti-aliased line, respectively, while 3 and 4 are the same lines enlarged. 5 shows how the ClearType line is rendered on a subpixel level.

ClearType is Microsoft's implementation of subpixel rendering technology in rendering text in a font system. ClearType attempts to improve the appearance of text on certain types of computer display screens by sacrificing color fidelity for additional intensity variation. This trade-off is asserted to work well on LCD flat panel monitors.

Contents

ClearType was first announced at the November 1998 COMDEX exhibition. The technology was first introduced in software in January 2000 [1] as an always-on feature of Microsoft Reader, which was released to the public in August 2000.

ClearType was significantly changed with the introduction of DirectWrite in Windows 7. [2]

With the increasing availability of HiDPI displays after 2012, subpixel rendering has become less necessary.

Background

Computer displays where the positions of individual pixels are permanently fixed – such as most modern flat panel displays – can show saw-tooth edges when displaying small, high-contrast graphic elements, such as text. ClearType uses spatial anti-aliasing at the subpixel level to reduce visible artifacts on such displays when text is rendered, making the text appear "smoother" and less jagged. ClearType also uses very heavy font hinting to force the font to fit into the pixel grid. This increases edge contrast and readability of small fonts at the expense of font rendering fidelity and has been criticized by graphic designers for making different fonts look similar.

Like most other types of subpixel rendering, ClearType involves a compromise, sacrificing one aspect of image quality (color or chrominance detail) for another (light and dark or luminance detail). The compromise can improve text appearance when luminance detail is more important than chrominance.

Only user and system applications render the application of ClearType. ClearType does not alter other graphic display elements (including text already in bitmaps). For example, ClearType enhancement renders text on the screen in Microsoft Word, but text placed in a bitmapped image in a program such as Adobe Photoshop is not. In theory, the method (called "RGB Decimation" internally) can enhance the anti-aliasing of any digital image. [3]

ClearType was invented in the Microsoft e-Books team by Bert Keely and Greg Hitchcock. It was then analyzed by researchers in the company, and signal processing expert John Platt designed an improved version of the algorithm. [4] Dick Brass, a vice president at Microsoft from 1997 to 2004, complained that the company was slow in moving ClearType to market in the portable computing field. [5]

Human vision and cognition

ClearType and similar technologies work on the theory that variations in intensity are more noticeable than variations in color.

Expert opinion

In a MSDN article, Microsoft acknowledges that "[te]xt that is rendered with ClearType can also appear significantly different when viewed by individuals with varying levels of color sensitivity. Some individuals can detect slight differences in color better than others." [6] This opinion is shared by font designer Thomas Phinney (former CEO of FontLab, also formerly with Adobe Systems [7] ): "There is also considerable variation between individuals in their sensitivity to color fringing. Some people just notice it and are bothered by it a lot more than others." [8] Software developer Melissa Elliott has written about finding ClearType rendering uncomfortable to read, saying that "instead of seeing black text, I see blue text, and rendered over it but offset by a pixel or two, I see orange text, and someone reached into a bag of purple pixel glitter and just tossed it on...I’m not the only person in the world with this problem, and yet, every time it comes up, people are quick to assure me it works for them as if that’s supposed to make me feel better." [9]

Hinting expert Beat Stamm, who worked on ClearType at Microsoft, [10] agrees that ClearType may look blurry at 96 dpi, which was a typical [11] resolution for LCDs in 2008, but adds that higher resolution displays improve on this aspect: "WPF [Windows Presentation Foundation] uses method C [ClearType with fractional pixel positioning [12] ], but few display devices have a sufficiently high resolution to make the potential blur a moot point for everybody. . . . Some people are ok with the blur in Method C, some aren’t. Anecdotal evidence suggests that some people are fine with Method C when reading continuous text at 96 dpi (e.g. Times Reader, etc.) but not in UI scenarios. Many people are fine with the colors of ClearType, even at 96 dpi, but a few aren’t… To my eyes and at 96 dpi, Method C doesn’t read as well as Method A. It reads “blurrily” to me. Conversely, at 144 dpi, I don't see a problem with Method C. It looks and reads just fine to me." [13] One illustration of the potential problem is the following image:

Text without rendering (upper portion) and text with ClearType rendering (lower portion) FontSmoothingExample.gif
Text without rendering (upper portion) and text with ClearType rendering (lower portion)

In the above block of text, the same portion of text is shown in the upper half without and in the lower half with ClearType rendering (as opposed to Standard and ClearType in the previous image). This demonstrates the blurring introduced.

Empirical studies

A 2001 study, conducted by researchers from Clemson University and The University of Pennsylvania on "18 users who spent 60 minutes reading fiction from each of three different displays" found that "When reading from an LCD display, users preferred text rendered with ClearType. ClearType also yielded higher readability judgments and lower ratings of mental fatigue." [14] A 2002 study on 24 users conducted by the same researchers from Clemson University also found that "Participants were significantly more accurate at identifying words with ClearType than without ClearType."

According to a 2006 study, at the University of Texas at Austin by Dillon et al., ClearType "may not be universally beneficial". The study notes that maximum benefit may be seen when the information worker is spending large proportions of their time reading text (which is not necessarily the case for the majority of computer users today). Additionally, over one third of the study participants experienced some disadvantage when using ClearType. Whether ClearType, or other rendering, should be used is very subjective and it must be the choice of the individual, with the report recommending "to allow users to disable [ClearType] if they find it produces effects other than improved performance". [15]

Another 2007 empirical study, found that "while ClearType rendering does not improve text legibility, reading speed or comfort compared to perceptually-tuned grayscale rendering, subjects prefer text with moderate ClearType rendering to text with grayscale or higher-level ClearType contrast." [16]

A 2007 survey, of the literature by Microsoft researcher Kevin Larson presented a different picture: "Peer-reviewed studies have consistently found that using ClearType boosts reading performance compared with other text-rendering systems. In a 2004 study, for instance, Lee Gugerty, a psychology professor at Clemson University, in South Carolina, measured a 17 percent improvement in word recognition accuracy with ClearType. Gugerty’s group also showed, in a sentence comprehension study, that ClearType boosted reading speed by 5 percent and comprehension by 2 percent. Similarly, in a study published in 2007, psychologist Andrew Dillon at the University of Texas at Austin found that when subjects were asked to scan a spreadsheet and pick out certain information, they did those tasks 7 percent faster with ClearType." [17]

Display requirements

ClearType and allied technologies require display hardware with fixed pixels and subpixels. More precisely, the positions of the pixels and subpixels on the screen must be exactly known to the computer to which it is connected. This is the case for flat-panel displays, on which the positions of the pixels are permanently fixed by the design of the screen itself. Almost all flat panels have a perfectly rectangular array of square pixels, each of which contains three rectangular subpixels in the three primary colors, with the normal ordering being red, green, and blue, arranged in vertical bands. ClearType assumes this arrangement of pixels when rendering text.

ClearType does not work properly with flat-panel displays that are operated at resolutions other than their “native” resolutions, since only the native resolution corresponds exactly to the actual positions of pixels on the screen of the display.

If a display does not have the type of fixed pixels that ClearType expects, text rendered with ClearType enabled actually looks worse than type rendered without it. Some flat panels have unusual pixel arrangements, with the colors in a different order, or with the subpixels positioned differently (in three horizontal bands, or in other ways). ClearType needs to be manually tuned for use with such displays (see below).

ClearType will not work as intended on displays that have no fixed pixel positions, such as CRT displays (which were still prevalent at the time of the release of Windows XP, which is why ClearType is disabled by default), however it will still have some antialiasing effect and may be preferable to some users as compared to non-anti-aliased type. [18]

Sensitivity to display orientation

Because ClearType utilizes the physical layout of the red, green and blue pigments of the LCD screen, it is sensitive to the orientation of the display.

ClearType in Windows XP supports the RGB and BGR sub pixel structures; rotated displays, in which the subpixels are stacked vertically rather than arranged horizontally, are not supported. [19] Using ClearType on these display configurations will actually reduce the display quality. The best option for users of Windows XP having rotated LCD displays (Tablet PCs or swivel-stand LCD displays) is using regular anti-aliasing, or switching off font-smoothing altogether.

The software developer documentation for Windows CE states that ClearType for rotated screens is supported on that platform. [20]

Implementations

ClearType is also an integrated component of the Windows Presentation Foundation text-rendering engine.

ClearType Font Collection

As part of the Vista release, Microsoft released a set of fonts, known as the ClearType Font Collection, thought to work well with the ClearType system: [22] [23]

Fonts included by some, but not always part of the set:

ClearType in GDI

ClearType can be globally enabled or disabled for GDI applications. A control panel applet is available to let the users tune the GDI ClearType settings. The GDI implementation of ClearType does not support sub-pixel positioning. [25]

ClearType tuning

Windows XP, as supplied, allow ClearType to be turned on or off, with no adjustment; Windows 7 and later allow tuning of the ClearType parameters in Control Panel. A Microsoft ClearType tuner utility is available for free download for Windows versions lacking this facility. [26] If ClearType is disabled in the operating system, applications with their own ClearType controls can still support it. Microsoft Reader (for e-books) has its own ClearType tuner.

ClearType in WPF

All text in Windows Presentation Foundation is anti-aliased and rendered using ClearType. There are separate ClearType registry settings for GDI and WPF applications, but by default the WPF entries are absent, and the GDI values are used in their absence. WPF registry entries can be tuned using the instructions [27] from the MSDN WPF Text Blog.

ClearType in WPF supports sub-pixel positioning, natural advance widths, Y-direction anti-aliasing and hardware acceleration. WPF supports aggressive caching of pre-rendered ClearType text in video memory. [28] The extent to which this is supported is dependent on the video card. DirectX 10 cards will be able to cache the font glyphs in video memory, then perform the composition (assembling of character glyphs in the correct order, with the correct spacing), alpha blending (application of anti-aliasing), and RGB blending (ClearType's sub-pixel color calculations), entirely in hardware. This means that only the original glyphs need to be stored in video memory once per font (Microsoft estimates that this would require 2 MB of video memory per font), and other operations such as the display of anti-aliased text on top of other graphics – including video – can also be done with no computation effort on the part of the CPU. DirectX 9 cards will only be able to cache the alpha-blended glyphs in memory, thus requiring the CPU to handle glyph composition and alpha-blending before passing this to the video card. Caching these partially rendered glyphs requires significantly more memory (Microsoft estimates 5 MB per process). Cards that don't support DirectX 9 have no hardware-accelerated text rendering capabilities.

ClearType in DirectWrite

As pixel densities of displays improved and more high DPI screens became available, colored subpixel rendering became less of a necessity according to Microsoft. Also Windows tablet user interfaces evolved to support vertical screen orientations where the LCD color stripes would run horizontally. The original colored ClearType subpixel rendering was tuned to work optimally with horizontal orientation LCD displays where RGB or BGR stripes run vertically. For these reasons, DirectWrite which is the next-generation text rendering API from Microsoft moved away from color-aware ClearType. The font rendering engine in DirectWrite supports a different version of ClearType with only greyscale anti-aliasing, [29] not color subpixel rendering, as demonstrated at PDC 2008. [30] This version is sometimes called Natural ClearType but is often referred to simply as DirectWrite rendering (with the term "ClearType" being designated to only the RGB/BGR color subpixel rendering version). [31] The improvements have been confirmed by independent sources, such as Firefox developers; [32] they were particularly noticeable for OpenType fonts in Compact Font Format (CFF). [33] [34]

Many Office 2013 apps including Word 2013, Excel 2013, parts of Outlook 2013 stopped using ClearType and switched to this DirectWrite greyscale antialiasing. The reasons invoked are, in the words of Murray Sargent: "There is a problem with ClearType: it depends critically on the color of the background pixels. This isn’t a problem if you know a priori that those pixels are white, which is usually the case for text. But the general case involves calculating what the colors should be for an arbitrary background and that takes time. Meanwhile, Word 2013 enjoys cool animations and smooth zooming. Nothing jumps any more. Even the caret (the blinking vertical line at the text insertion point) glides from one position to the next as you type. Jerking movement just isn’t considered cool any more. Well animations and zooms have to be faster than human response times in order to appear smooth. And that rules out ClearType in animated scenarios at least with present generation hardware. And in future scenarios, screens will have sufficiently high resolution that gray-scale anti-aliasing should suffice." [35]

For the same reasons related to animation performance and vertical screen orientations where the colored RGB/BGR ClearType antialiasing would be a problem, the color-aware version of ClearType was abandoned in Metro-style apps platform of Windows 8 (and Universal Windows Platform of Windows 10)., [36] [21] including the Start menu and everything not using classic Win32 APIs (GDI/GDI+).

Patents

ClearType is a registered trademark and Microsoft claims protection under the following U.S. patents, all expired: [37] [38]

Other uses of the ClearType brand

The ClearType name was also used to refer to the screens of Microsoft Surface tablets. ClearType HD Display indicates a 1366×768 screen, while ClearType Full HD Display indicates a 1920×1080 screen. [39] [40]

See also

Related Research Articles

<span class="mw-page-title-main">Pixel</span> Physical point in a raster image

In digital imaging, a pixel, pel, or picture element is the smallest addressable element in a raster image, or the smallest addressable element in a dot matrix display device. In most digital display devices, pixels are the smallest element that can be manipulated through software.

TrueType is an outline font standard developed by Apple in the late 1980s as a competitor to Adobe's Type 1 fonts used in PostScript. It has become the most common format for fonts on the classic Mac OS, macOS, and Microsoft Windows operating systems.

<span class="mw-page-title-main">Graphics Device Interface</span> Microsoft Windows API

The Graphics Device Interface (GDI) is a legacy component of Microsoft Windows responsible for representing graphical objects and transmitting them to output devices such as monitors and printers. It was superseded by DirectDraw API and later Direct2D API. Windows apps use Windows API to interact with GDI, for such tasks as drawing lines and curves, rendering fonts, and handling palettes. The Windows USER subsystem uses GDI to render such UI elements as window frames and menus. Other systems have components that are similar to GDI; for example: Mac OS has QuickDraw, and Linux and Unix have X Window System core protocol.

<span class="mw-page-title-main">Dots per inch</span> Measure of dot density

Dots per inch is a measure of spatial printing, video or image scanner dot density, in particular the number of individual dots that can be placed in a line within the span of 1 inch (2.54 cm). Similarly, dots per centimetre refers to the number of individual dots that can be placed within a line of 1 centimetre (0.394 in).

<span class="mw-page-title-main">Subpixel rendering</span> Technique for increasing apparent display resolution

Subpixel rendering is a method used to increase the effective resolution of a color display device. It takes advantage of each pixel's composition of individually addressable red, green, and blue components adjacent on the display matrix, called subpixels, and uses them as rendering units instead of pixels.

A computer font is implemented as a digital data file containing a set of graphically related glyphs. A computer font is designed and created using a font editor. A computer font specifically designed for the computer screen, and not for printing, is a screen font.

<span class="mw-page-title-main">Font rasterization</span> Process of converting text from vector to raster

Font rasterization is the process of converting text from a vector description to a raster or bitmap description. This often involves some anti-aliasing on screen text to make it smoother and easier to read. It may also involve hinting—information embedded in the font data that optimizes rendering details for particular character sizes.

The Saffron Type System is a system for rendering high-quality scalable type on digital displays. It was developed by Mitsubishi Electric Research Laboratories, and is built on a core of adaptively-sampled distance field (ADF) technology. Saffron has been licensed to Adobe and Monotype and is shipping in numerous products such as the Adobe Flash Player and Amazon Kindle. Saffron has been implemented in both software and hardware.

Windows Presentation Foundation (WPF) is a free and open-source user interface framework for Windows-based desktop applications. WPF applications are based in .NET, and are primarily developed using C# and XAML.

Desktop Window Manager is the compositing window manager in Microsoft Windows since Windows Vista that enables the use of hardware acceleration to render the graphical user interface of Windows.

<span class="mw-page-title-main">Font hinting</span> Technique for improving font rendering

Font hinting, also known as instructing, is the use of mathematical instructions to adjust the display of an outline font so that it lines up with a rasterized grid. At low screen resolutions, hinting is critical for producing clear, legible text. It can be accompanied by antialiasing and subpixel rendering for further clarity.

Meiryo is a Japanese sans-serif gothic typeface. Microsoft bundled Meiryo with Office Mac 2008 as part of the standard install, and it replaces MS Gothic as the default system font on Japanese systems beginning with Windows Vista.

Resolution independence is where elements on a computer screen are rendered at sizes independent from the pixel grid, resulting in a graphical user interface that is displayed at a consistent physical size, regardless of the resolution of the screen.

CoolType is a software technology, introduced by Adobe Systems in 2000, to increase the legibility of text on color liquid-crystal displays (LCDs) like laptop or thin-film transistor (TFT) LCD monitors, especially to make reading long text, like E-Books, easier. Although it is primarily for LCDs, the legibility on cathode ray tube (CRT) monitors is also improved.

<span class="mw-page-title-main">Panorama (typesetting software)</span>

Panorama is a line layout and text composition engine to render text in various worldwide languages made by Bitstream Inc. Panorama uses Font Fusion as the base to support rendering of the text. The engine allows the user to manage different text formatting aspects like spacing, alignment, style effects.

<span class="mw-page-title-main">Magnifier (Windows)</span>

Magnifier, formerly Microsoft Magnifier, is a screen magnifier app intended for visually impaired people to use when running Microsoft Windows. When it is running, it creates a bar at the top of the screen that greatly magnifies where the mouse is. Magnifier was first included as a sample in the Active Accessibility SDK/RDK for Windows 95 and later made a standard Windows utility starting with Windows 98. Prior to Windows Vista, Magnifier could be used to magnify the screen up to 9 times its normal size. Windows Vista and later allow up to 16× magnification.

Direct2D is a 2D vector graphics application programming interface (API) designed by Microsoft and implemented in Windows 10, Windows 8, Windows 7 and Windows Server 2008 R2, and also Windows Vista and Windows Server 2008.

DirectWrite is a text layout and glyph rendering API by Microsoft. It was designed to replace GDI/GDI+ and Uniscribe for screen-oriented rendering and was first shipped with Windows 7 and Windows Server 2008 R2, as well as Windows Vista and Windows Server 2008. DirectWrite is hardware-accelerated when running on top of Direct2D, but can also use the CPU to render on any target, including a GDI bitmap.

PenTile matrix is a family of patented subpixel matrix schemes used in electronic device displays. PenTile is a trademark of Samsung. PenTile matrices are used in AMOLED and LCD displays.

<span class="mw-page-title-main">Retina display</span> High-resolution display brand by Apple

Retina display is a branded series of LCDs and OLED displays by Apple Inc. that have a higher pixel density than traditional displays. Apple has registered the term "Retina" as a trademark with regard to computers and mobile devices with the United States Patent and Trademark Office and Canadian Intellectual Property Office. The applications were approved in 2012 and 2014 respectively. The Canadian application cited a 2010 application in Jamaica.

References

  1. ↑ "First ClearType screens posted". Microsoft Typography. 2000-01-26. Retrieved 2008-03-20.
  2. ↑ Giannattasio, Tom (2 November 2009). "The Ails Of Typographic Anti-Aliasing". Smashing Magazine. Retrieved 11 August 2015.
  3. ↑ Betrisey et al., "Displaced Filtering for Patterned Displays", Proc. Society for Information Display Symposium, 2000
  4. ↑ Platt, J.C., "Optimal Filtering for Patterned Displays", IEEE Signal Processing Letters, 7(7), 2000, pp. 179-180
  5. ↑ Microsoft’s Creative Destruction
  6. ↑ Windows Presentation Foundation ClearType Registry Settings
  7. ↑ "Thomas W. Phinney II | Adobe Fonts".
  8. ↑ "ClearType, in XP and Vista". Typophile. Archived from the original on 2008-10-13. Retrieved 2010-01-22.
  9. ↑ Elliott, Melissa. "ClearType" . Retrieved 15 August 2015.
  10. ↑ "Beat Stamm". MyFonts. 1999-02-22. Retrieved 2010-01-22.
  11. ↑ "Dpi: Definition and additional resources from ZDNet". ZDNet. Archived from the original on December 1, 2008. Retrieved 2010-01-22.
  12. ↑ "Fractional Advance Widths". The Raster Tragedy at Low-Resolution Revisited. 2011-03-14. Retrieved 2011-03-17.
  13. ↑ "ClearType, in XP and Vista". Typophile. Archived from the original on 2008-10-13. Retrieved 2010-01-22.
  14. ↑ Tyrrell, Richard A. (2001). "47.4: Empirical Evaluation of User Responses to Reading Text Rendered Using ClearType Technologies". SID Symposium Digest of Technical Papers. 32 (1): 1205–1207. doi:10.1889/1.1831776. S2CID   62772542.
  15. ↑ Dillon, A., Kleinman, L., Choi, G. O., & Bias, R. (2006). Visual search and reading tasks using ClearType and regular displays: two experiments Archived 2011-01-20 at the Wayback Machine . CHI ’06: Proceedings of the SIGCHI conference on Human Factors in computing systems, 503-511.
  16. ↑ Sheedy, Jim (2008). "ClearType sub-pixel text rendering: Preference, legibility and reading performance". Displays. 29 (2): 138–151. doi:10.1016/j.displa.2007.09.016. http://www.pacificu.edu/vpi/publications/documents/ClearTypesub-pixeltextrenderingPreferencelegibilityandreadingperformance.pdf Archived 2014-08-09 at the Wayback Machine
  17. ↑ Kevin Larson (May 2007) "The Technology of Text", IEEE Spectrum
  18. ↑ "ClearType FAQ". Microsoft. 19 July 2009. Archived from the original on 24 June 2015. Retrieved 19 July 2009.
  19. ↑ "Tablets and cleartype, and a requested feature of Avalon at Brandon Furtwangler blog". Archived from the original on 2006-10-14. Retrieved 2006-12-02.
  20. ↑ Working with ClearType Fonts
  21. 1 2 ClearType takes a back seat for Windows 8 Metro
  22. ↑ Berry, John D. (2004). Now Read This: the Microsoft ClearType Collection. Redmond, WA: Microsoft Corp.
  23. ↑ Levien, Raph. "Microsoft's ClearType Font Collection: A Fair and Balanced Review". Typographica. Retrieved 24 November 2014.
  24. ↑ Microsoft Corporation (2006–2007). "Microsoft ClearType Font Collection" (PDF). Ascender Corp. Ascender Corporation. pp. 16–17. Archived from the original (PDF) on 21 December 2008. Retrieved 8 March 2021.
  25. ↑ Windows Presentation Foundation ClearType Overview
  26. ↑ "Microsoft's ClearType Tuner PowerToy". Microsoft . Retrieved 2007-09-27.
  27. ↑ Tips for improving your WPF text rendering experience
  28. ↑ MSDN Library : .NET Development : WPF : ClearType Overview
  29. ↑ [Office 2013: Further Evidence of the Demise of ClearType? Office 2013: Further Evidence of the Demise of ClearType?]
  30. ↑ Kam VedBrat, Leonardo Blanco (2008-10-28). "PC18: Introducing Direct2D and DirectWrite". Microsoft.
  31. ↑ "Archived MSDN and TechNet Blogs".
  32. ↑ "Font Rendering: GDI versus DirectWrite".
  33. ↑ "Archived copy". Archived from the original on 2014-08-12. Retrieved 2014-08-11.{{cite web}}: CS1 maint: archived copy as title (link)
  34. ↑ "Microsoft DirectWrite is Coming". 12 November 2010.
  35. ↑ Sargent, Murray. "Crisp Text Display". Archived from the original on 2015-05-30.
  36. ↑ Color-aware ClearType requires access to fixed background pixels, which is a problem if you don’t know what the background pixels are, or if they aren’t fixed
  37. ↑ "Microsoft Intellectual Property and Licensing: ClearType". Microsoft . Archived from the original on January 13, 2009. Retrieved 2008-12-02.
  38. ↑ David Turner (2007-06-01). "ClearType Patents, FreeType and the Unix Desktop: an explanation". Archived from the original on 2009-03-31. Retrieved 2009-04-09.
  39. ↑ Inside Microsoft's Surface RT Tablet
  40. ↑ Microsoft's Major Announcement in LA - We're There!
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.