Screen-reading considerations

How does screen reading affect typographic choices?

Less and less.

The quin­tes­sen­tial prob­lem of dig­i­tal ty­pog­ra­phy has been how to make fonts look good not only on high-end pub­lish­ing equip­ment, but also lower-res­o­lu­tion of­fice laser print­ers and per­sonal-com­puter screens.

Af­ter 30 years, the hard­ware dif­fer­ences be­tween these de­vices have largely dis­ap­peared. Thus, with screens be­com­ing more pa­per-like than ever, there’s de­creas­ing need to make spe­cial ac­com­mo­da­tions for screen reading.

Re­gard­less of whether it’s dis­played on screen or printed, dig­i­tal type works by scal­ing a glyph shape to a cer­tain size and ac­ti­vat­ing the pix­els that are in­side the shape. Thus, the qual­ity of ren­dered dig­i­tal type de­pends on two fac­tors: the num­ber of pix­els avail­able (aka res­o­lu­tion, usu­ally mea­sured in dots per inch) and num­ber of col­ors each pixel can dis­play (aka color depth, mea­sured in bits per pixel).

But more pix­els aren’t al­ways bet­ter. At the high end, all read­ing is con­strained by the phys­i­ol­ogy of the hu­man eye. The eye’s limit of per­ceiv­able de­tail is usu­ally es­ti­mated to be 1–2 ar­cmin­utes. (An arc­min­ute is 1/60th of an an­gu­lar de­gree in the field of vi­sion.) There­fore, pix­els smaller than one arc­min­ute are su­per­flu­ous, be­cause we can’t re­solve dif­fer­ences that small.

Be­cause it’s an an­gu­lar mea­sure, read­ing dis­tance also af­fects per­ceived de­tail. For in­stance, my desk­top mon­i­tor is about 24″ away, which means I can see about 143 dots per inch. But on a tablet or phone held at 12″, I can see twice that, or 286 dots per inch.

For the first 20 years of dig­i­tal ty­pog­ra­phy, com­puter screens barely im­proved, re­main­ing in the range of 75 dots per inch. Dur­ing that time, com­pa­nies like Ap­ple, Mi­crosoft, and Adobe de­vel­oped tech­nolo­gies that were meant to make dig­i­tal fonts look bet­ter on screen. This project be­came more ur­gent with the ad­vent of the web. Some of the best-known fonts emerg­ing from these ef­forts were Mi­crosoft’s Ver­dana, Geor­gia, and Cal­ibri, all of which were heav­ily op­ti­mized for screen read­ing. At that point, it was true that cer­tain fonts looked bet­ter on screen, and oth­ers looked bet­ter in print. These fonts be­came the start­ing point for those de­sign­ing on­screen typography.

But since 2010, screen hard­ware has been mak­ing up for lost time. High-res­o­lu­tion screens first emerged in smart­phones, then spread to tablets, lap­tops, and now desk­tops. For in­stance, my smart­phone dis­play has a res­o­lu­tion of 326 dots per inch, and my desk­top mon­i­tors have a res­o­lu­tion of 185 dots per inch, both of which ex­ceed the lim­its of hu­man vi­sion. (By the way, if you haven’t up­graded to a 4K desk­top mon­i­tor, it’s well worth it.)

What does this mean for screen ty­pog­ra­phy? For font choice, it means you should use what­ever font you’d pre­fer on the printed page. Those tra­di­tional “screen-op­ti­mized fonts” were op­ti­mized for screens of what we will soon con­sider a more prim­i­tive era. They have no spe­cial ben­e­fit on to­day’s screens. (They still have the ben­e­fit of be­ing in­stalled on nearly every com­puter, how­ever, so they’re still use­ful for shar­ing draft doc­u­ments with colleagues.)

As for page lay­out, most screens are smaller in height and width than the tra­di­tional 8.5″ × 11″ printed page. So if you’re cer­tain that a doc­u­ment will only be read on screen, it could make sense to shrink the page mar­gins and raise the point size to ad­just for this dif­fer­ence. But if a doc­u­ment could also be printed—most court fil­ings would fall into this cat­e­gory—then it’s best to stick with a print-op­ti­mized layout.

undock move Heliotrope Equity Valkyrie Century Supra Concourse Triplicate buy font close