pixels or points or em

Out of context: Reply #20

  • Started
  • Last post
  • 25 Responses
  • stewdio0

    There's "best practices" and there's "what actually works today." I make it a point not to touch Windows, so I can only speak for Mac, but to get the most crisp antialiasing use Points (and only use regular point sizes, no decimals or un-hinted sizes) for your text size. Then use Pixels for leading. Yes. Points for font-size and Pixels for line-height. This way your leading is sure to match your vertical grid for images, etc. (Ems have never been helpful to me when it comes to CSS.) This works on the Mac for Safari, FireFox, Chrome, Opera, and on the iPhone / iPad with iOS. If this sounds like a dirty hack it's because the entire HTML / CSS environment is one big dirty hack that should have been replaced years ago. Original ur-HTML didn't even have an image tag and typography certainly wasn't a concern. Unfortunately that's the legacy we're still building on. (Done ranting, onto coffee now.)

    • interestingd_rek
    • He's definitely right on that last count. HTML was designed for scientists. Aesthetics was an afterthought.TenaciousG

View thread