Retina Display Font Oddity

I decided to turn on the Battery Percent display on my iPhone 4 a few weeks ago. It’s off by default.
After I did this I notice what seemed to be irregular spacing/alignment on the numbers. It happens with most of number pairs.
I thought it was misalignment, but on closer inspection, the numbers are technically aligned horizontally. What seems to be happening (or not happening) is that rounded numbers are not dipping below the baseline as they should.
Characters in a typeface, when designed correctly, need to rise above the cap height and dip below the baseline in order to appear balanced when sharing a line with flat characters.
This is the problem with having a super high resolution display (326 dpi) like the iPhone 4 has – mistakes and much more obvious.
Get on it, Apple.
retina_display_bad_type_rendering_01.jpg
retina_display_bad_type_rendering_02.jpg
retina_display_bad_type_rendering_03.jpg

Leave a Reply

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax