Typography - Getting The Hang Of Typography

...

Imprint Published in January 2011 Smashing Media GmbH, Freiburg, Germany Cover Design: Ricardo Gimenes Editing: Manuela Müller P ...

Table of Content Preface The Ails Of Typographic Anti-Aliasing 10 Principles For Readable Web Typography 5 Principles and Ideas ...

Preface Script is one of the oldest cultural assets. The first attempts at written expressions date back more than 5,000 years a ...

The Ails Of Typographic Anti-Aliasing Tom Giannattasio As printed typography enjoys the fruits of high-DPI glory, proudly displa ...

However, many factors and technologies determine the actual effectiveness of the process: hinting, subpixel rendering, software ...

Font Hinting Most text rendering engines rely heavily on hinting to determine exactly which areas of a glyph should be smoothed. ...

Hinted and unhinted type both have their pros and cons, leaving the designer to choose between legibility and typeface integrity ...

Subpixel Rendering Every pixel on a standard monitor consists of three components: a red, a green and a blue. The brightness of ...

Subpixel rendering relies on a perfectly aligned grid of pixels, which makes LCD flat panels the only type of monitor on which t ...

three most common ways in which text is sent to the user: HTML, images and sIFR. Each of these methods has an ideal use that, wh ...

Despite the promise this feature holds to create a more beautiful world of online typography, we may still see designers opt for ...

option to nudge the layer՚s position, you can effectively force the algorithms into rendering cleaner. Each setting allows a dif ...

font, sometimes two different point sizes will render at the same height, causing a shift in letter spacing, width and x-height. ...

While the cap height and x-height typically remain the same, you might see an increase in character weight and width. Note that ...

The variety of origins with this setting can come in very handy when working with complex letterforms. Strong may also be useful ...

don՚t rule out the possibility of using a Shape Layer; it can often produce much better results than Photoshop՚s algorithms. Fra ...

Using decimal values can dramatically improve anti-aliasing results, as seen above. Top: 16pt Goudy Oldstyle with Strong Anti-Al ...

sharpness (number) A value between -400 and 400, which determines how sharp (positive number) or soft (negative number) the edge ...

Output Displays Because very few people have monitors with resolutions higher than 100 pixels per inch (PPI), we have to rely on ...