On 3/3/11 6:58 AM, Philippe Wittenbergh wrote:
On Mar 3, 2011, at 11:33 PM, Rory Bernstein wrote:
It seems that the letter spacing results I am getting on Safari
5.0.3 on the Mac are different from what I'm seeing on FF 3.6.14
on the Mac. The FF spacing is the one I want; the letter spacing
doesn't seem to be getting applied in Safari, the spacing is too
tight.
You can see this here: http://bit.ly/fTQJPo
[...]
The problem is that you are asking for letter-spacing of (much)
less than 1px (0.0.5em) and that this is displayed on a low
resolution screen. Then Safari rounds down to 0px, I suspect Gecko is
not rounding (in this case). Plus, both rendering engines have
different ways of snapping the characters to the pixel grid.
Try 'letter-spacing: 1px' and see if that gives the result you want.
Philippe -- Philippe Wittenbergh http://l-c-n.com/
To expand on this a little, in general I find that Webkit tends to round
down sizes in EMs or percents. It seems to ignore any fraction of EM
after the first two decimal places. Thus with a base size of 16px, a
border won't show unless it is at least .07em. A value of .069em does
not cut it. At least, a year ago it didn't.
Gecko seems to be quite precise in its calculations. For example, a line
height that calculates to some fraction of a pixel produces paragraphs
that are multiples of this line height. Five lines with line height of
19.2px will have a height of 96px. At least, it did a year ago when I
checked...
Too many of my designer friends are "pixel perfectionists" so I have to
explain to them why they see browser differences... :\
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
