html - CSS font size using em different on different pages -


css not forte might simple. have set footer font size in stylesheet using 0.8em on different pages different size. i'm editing elses work , did poor job @ not closing tags bit painful.

is there way clear font settings footer same across pages? or problem can solved other way?

cheers help.

i notice no 1 has touched on how em works font size unit, i'll try clear you.

there 2 ways tell browser how large fonts should rendered.

  1. setting absolute size
    absolute sizes, px or pt, you're telling browser size want text be. if write 12px, it's going come out 12 pixels tall.
  2. setting relative size — em relative size.
    relative sizes, em, you're telling browser how big make text respect other text on page. works sort of percentage, if footer text sized @ 0.8em, rendered 80% tall main text on page.

this explains why you're getting different sizes on different pages. if font size of body set explicitly on 1 page, not set @ on (or set explicitly different size) make em-sized fonts render @ different sizes.

this why it's bad use <font> tags. it's going serious pain dig around tags , figure out explicit sizes being set might throwing off ems.
when set font sizes using css, not information easy find, property easy modify.


Comments