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 > > This is my rule: > > #nav .items, #nav .items h2 { > ... > font-size: 12px; > ... > letter-spacing: 0.05em; > ... > } > > Is the problem that I am using em as the unit of measurement? Is there a > better way to do this so that the spacing in Safari & FF will match?
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/ ______________________________________________________________________ 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/
