Вопрос

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