Wednesday, May 7th, 2008

line-height: painful

Category: CSS

Eric Meyer has felt a lot of pain due to line-height, which means us mere mortals are totally up the creak.

He posted about how line-height is abnormal and goes into detail on his learning curve, and the pain he saw which lead him too:

Why bring all this up? Because I went and poked line-height: normal with a stick, and found it to be both squamous and rugose. As with all driven to such madness, I now seek, grinning wildly, to infect others.

Here’s the punchline: the effects of declaring line-height: normal not only vary from browser to browser, which I had expected—in fact, quantifying those differences was the whole point—but they also vary from one font face to another, and can also varying within a given face.

I did not expect that. At least, not consciously.

He created a tool that visualizes all of this for you, so you can see the magic at work:

Line Height

Posted by Dion Almaer at 7:15 am

3.9 rating from 22 votes


Comments feed TrackBack URI

“up the creek” :)

Comment by Venkman — May 7, 2008

I have a new found respect for webdings.

Did I just say that?

Comment by psayre — May 7, 2008

line-height: normal has both scales and wrinkles? yikes! perhaps an astringent exfoliant is in order.

Comment by rleighton — May 7, 2008

Leave a comment

You must be logged in to post a comment.