Is there a way to reduce the overall font-size of a web site? Suppose we have a WordPress theme (e.g. Highwind), how can the font-size of all page elements be reduced without affecting any other attributes?
I tried setting body { font-size: 1.0em; }
, but that will shrink the header's width as well. If I scale the web site to 90 % with Opera's zoom option, the page looks perfect and just the way I want it to look.
So I wonder, what is the easiest way to reduce the size of all fonts on a web site without having to adjust each CSS class individually. The theme uses em
for font sizes, so I suppose there must be an acurate solution. I don't understand why the header shrinks as well, though.
body {font-size: 85%;}
does reduce the overall font size (because the theme setsbody{font-size: 1.125em;}
). So what you want is not simply font size reduction. You should describe the requirements and relate them to some specific design, described in the question itself with sufficient code.