Search code examples
htmlcsssafariletter-spacing

CSS letter-spacing SAFARI

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

Solution

  • 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.