Chris Messina links to this somewhat handy Em Calculator. It claims to make it easier to do pixel-perfect design without compromising accessibility. My understanding was that this is kind of innacurate. most browsers don't render more than two decimal places worth of Em. Since I prefer to set the default at 10px (it makes the math easy), that means setting my em's to $latex \frac{5}{8}$ (0.625) which most browser will truncate to 0.63. I've always (since reading it in Matthew Stephens' hilariously commented CSS) used the 76% method in my body, from sane CSS typography, and then used em's to style the remaining elements.
-
BLOG
Calendar
September 2010 S M T W T F S « May 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Random project
Blog Metrics
- Blog stats
- 649 posts
- 891 comments
- 156 trackbacks
Raw Author Contribution- 6.5 posts per month
- 265 words per post
Conversation Rate- 1.4 comments per post
- 65 words in comments
- 0.2 trackbacks per post
-
Related Posts
4 Comments
posting really special characters like ⅝ is really a pain when the rich text editor double encodes your ampersands.
UPDATE: it’s easier now with latex: $latex \frac{5}{8}$
Long live the
em!hear hear!
sizing in px is really bad. i was just looking at spartan, and saw that you’re using % on the body there as well.
If you set the body’s font size in a
%and everything else—including layout widths, margins, padding, etc.— in ems, it becomes this perfectly elastic theme. It’s much fun.Post a Comment