Domanda

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

È stato utile?

Soluzione

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.

Altri suggerimenti

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

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top