Previous Message
Next Message

Quirky kerning in IE

Sent by David Hucklesby on 5 July 2004 03:03


On Sun, 4 Jul 2004 10:49:21 +0200,  Vissers, M.R.E. (Michel) wrote
in reference to <http://hucklesby.f2o.org/demos/ie-kerning.html> -

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> After some toying around I stumbled upon the following. The code below
> works correctly on ff & ns, but IE messes things up. By multiplying
> letter-spacing by 2 in the shadow class, IE does fine, but on ff & ns
> it goes wrong.
>
> em is a relative sized value, but when using a fixed size, e.g. 10px
> IE does work correctly.
>
> It looks like IE goes wrong when doing a tag in another tag. I tried
> various combinations with span & div but they all acted strange.
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

Thanks for playing some more with this, Michel. It makes sense that
a fixed size would work - no calculations are involved. Since you did
not define a font-size for H1 then the default of 200% applies. So your
success in multiplying letter-spacing by two confirms my suspicion.

The same applies when the H1 stands alone with no SPAN or FONT
tag in it. IE erroneously applies a letter-spacing relative to the base
or BODY font-size. Not to the H1 font size.

I guess your solution of using pixels is best, but I would prefer to
use relative sizes to allow users to change text size and to get the
same effect.

Your efforts are appreciated.
Life. Love. Peace.
David
-- 
Read "Crumbling Kingdom" at <http://www.hucklesby.com/>
--


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: