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:
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.
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.
WIDGETIZE