All browsers except for FF 2.0 for Mac are rendering my font-size correctly. Can anyone else see the difference in font-size between FF 2 for Mac and all other browsers?
I could be wrong, its happened before, but wouldn’t the difference be because of the defaults on your browser? You have the size set to 100%, so I can’t see any other reason.
yes, I did think of this but I am experiencing this on two different installations of which at least one was a fresh and unaltered install. What I find odd is that the font size is correct outside the #outer_wrapper.
It looks fine between my Safari ( 3.0.4) and FireFox (2.0.0.4) see attached image. Safari is on the left and Firefox the right. In fact, with the exception of FireFox starting the display a bit lower than Safari they look almost exactly the same.
Sorry to say that here on Safari - 3.0.4 and Firefox - 2.0.0.12 I am seeing the problem that you are seeing.
Not too sure what it is though. Both the browsers have the default Times 16 set so nothing there I’m afraid. Have you tried doing an exceptionally simple template with just the one piece of text on with a class assigned and see if it still does it?
Image attached with Safari on the left, Firefox on the right.
Hi Mark, this is precisely the issue I am experiencing. Thanks for uploading the images, I am currently away from my workspace and couldn’t do it myself.
I am a bit clueless but I am most certainly giving your suggestion a go now!
It renders the code outside the #outer_wrapper normally. The strangest part is that when I copy the text out of the browser into textedit, the font-family is Helvetica, not Arial.
I think, you’re using too many different “values” for the same category font-size: “x-small” for “body”, 0.9em for #outer-wrapper, 85% for #navbox ul. Some browsers don’t “understand” some combinations of these values correctly.
Anyway, I don’t understand what’s the problem. Do you want to make the font size in #outer-wrapper bigger, just the size outside of it? The font size within the #outer-wrapper is set to 0.9em, so the text has to be smaller than outside it (set to x-small).
You can see the problem in Mark Bowen’s screenshots a few posts up. Every browser so far has rendered the font-size (IE6/7, FF2, Opera on Windows, Safari on the Mac and FF 3).
Ok, I have simplified it even further and FF2 Mac still seems to be getting the font-family wrong. Hmpf.
Exactly how simple have you made it. Have you tried with an absolute bare bones template with nothing in except for the html doc declaration a really simple piece of CSS :
my-text-class { font-size: 1.2em; }
and some simple html :
<p class="my-text-class">Some text to check</p>
then check that in both browsers and see what happens?
Do your text styles that are giving you the problems have anything weird in them? As serafico states though some browsers do have problems with certain combinations of css styles so it could just be that.
When I first went there the page was green then I tried in Firefox and nothing showed up then back in Safari bits of the text have disappeared and the page has gone white.
Perhaps try taking out the reset.css file for now and see what that does?
”On a computer screen a scaling factor of 1.2 is suggested between adjacent indexes; if the ‘medium’ font is 12pt, the ‘large’ font could be 14.4pt. Different media may need different scaling factors. Also, the user agent should take the quality and availability of fonts into account when computing the table. The table may be different from one font family to another.”
I’m not even on a mac myself, though so can’t contribute in that regard.
I was just throwing it out there. If I’m on to something I think it’d be a first for plenty of us. I’ve never had to go beyond resetting a base font size to 16px (down to 10px via percentages for easier use of ems) and a number of people have said their font settings are already there.
Another thing that came to mind is what if you somehow have different versions of the font family? I can’t imagine how you’d have a version of Arial that would result in a different font-size via absolute-size… conflicting software suites… don’t know.
Asides from those two and OS/browser versioning I’m totally stumped.
