sucks

Opera rendering fonts based on percentages/em

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

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

citoyen # 25. July 2006, 07:17

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 # 28. July 2006, 16:48

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.

xErath # 31. October 2006, 04:05

I hate browsers. They suck.

mpavey # 15. January 2007, 22:57

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?