質問

I have my site how I like it, cross browser, although I have letter-spacing in CSS, but in safari it does not understand what I have, it ruins the design - any advice? Here is the CSS:

body 
{
margin: auto;
font-family: 'Lato';
letter-spacing:0.50px;
font-size: 14px;
color: #999; 
font-weight: normal;
}

It seems it doesn't give it any. It works fine in Mozilla Firefox

役に立ちましたか?

解決

Webkit browsers (Safari, Chrome) round differently than Gecko (Mozilla). Thus, use 1px instead of 0.5px, as Webkit will round down to 0 while Mozilla will round up.

他のヒント

Chrome/Blink has fixed this issue some time ago so this should work on current stable version: http://src.chromium.org/viewvc/blink?view=revision&revision=153727

Webkit just fixed this, so you will have to wait a little to have it working on safari and other webkit based browsers: http://trac.webkit.org/changeset/161521

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top