sucks

Opera rendering fonts based on percentages/em

Thursday, July 20, 2006 10:39:10 AM

So, as we were working with em based fonts and relative percentages, we came across the interesting little fact that Opera does not render fonts the same way IE or FF does.

In the end just one more thing to drive developers up the wall with cross browser inconsistencies.

Example:

<style>
body { font-size: 1em; font-family: arial; }
</style>

<span style="background: #eee; font-size: 110%;">testing</span>
<span style="background: #eee; font-size: 120%;">testing</span>
<span style="background: #eee; font-size: 130%;">testing</span>
<span style="background: #eee; font-size: 140%;">testing</span>
<span style="background: #eee; font-size: 150%;">testing</span>
<span style="background: #eee; font-size: 160%;">testing</span>

will return the following:

(View at: http://dev.phoenixnetworks.net/explorer/homes/guest/browser-fonts.png)

Update for clarification: These were taken from three browsers on the same system, on the same resolution, at standard/default font settings in the browser.

moo.fx scrolling incompatibility

Comments

Eira Monstadcitoyen # Tuesday, July 25, 2006 7:17:39 AM

These screenshots are meaningless without also including a screenshot of the 1em size. Em is relative to the font size setting in the browser, which may vary depending on platform, screen resolution and user preference.

sucks # Friday, July 28, 2006 4:48:24 PM

I thought it would be obvious, but ill state it for the record:

These were taken from three browsers on the same system, on the same resolution, at standard/default font settings in the browser.

João EirasxErath # Tuesday, October 31, 2006 4:05:44 AM

I hate browsers. They suck.

mpavey # Monday, January 15, 2007 10:57:37 PM

Very interesting. You haven't said, though, who's doing it right and who's doing it wrong. What is the reason behind the differences between Opera and the other two browsers?