Проблема: отображение шрифта в сафари

[Нарек]

Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так

Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста.

upd: шрифт подключен через гугл, обычный open sans...

Edited June 12, 2014 by Нарек

[xzarxzes]

А у вас там transition на этом меню, или transform есть ?

Edited June 12, 2014 by xzarxzes

[Нарек]

Ни то ни другое. Чистое меню в списке, выпадает с помощью css.

Там ничего не должно прыгать/дергаться, начиная с IE 8 такого нет, только в сафари ( на маке проблема, на винде все нормально). На маке хром, фф тоже выглядит как надо.

[xzarxzes]

Ни то ни другое. Чистое меню в списке, выпадает с помощью css.

Там ничего не должно прыгать/дергаться, начиная с IE 8 такого нет, только в сафари ( на маке проблема, на винде все нормально). На маке хром, фф тоже выглядит как надо.

Можете попробовать написать html { -webkit-font-smoothing: antialiased; }, может поможет. Или указать это именно для тех элементов у которых эта проблема со шрифтом.

Edited June 12, 2014 by xzarxzes

[Нарек]

Спасибо конечно, но почему тогда именно при hover такое? браузер же не рендерит текст отдельно при ховер что сглаживание еще и добавил. Там реально жирнее текст становится на несколько пунктов.. Заказчик в панике и я тоже

с утра попробую, мака нет, приходится к соседу сбегать)

[npofopr]

Скорее всего или менять шрифт или в шрифтобелке прогонять шрифт, баловаться там с настройками. 

В Линуксе тоже наверно как нибудь по другому будет.

[Zverushka]

@Нарек, я тоже стала замечать такую фигню в вебкитовских браузерах, в моем случае в хроме. Когда некоторые буквы при наведении на посторонний элемент даже не из их родительского блока - начинают сдвигаться на пиксель-два вверх. 

Дайте ссылку на ваш сайт)

[xzarxzes]

Все это похоже на вот этот баг https://bugs.webkit.org/show_bug.cgi?id=23364. Там есть даже видео с аналогичным поведением текста при ховере.

[Нарек]

http://nt-work2.bl.ee/

 

Вот сайт..

[Zverushka]

У меня на винде все нормально.

Попробуй прописать следующее

* {

-webkit-backface-visibility: hidden;

}

Потом вот так (чисто для теста 2й вариант)

* {

-webkit-backface-visibility: visible;

}

 

Посмотри - меняется что-то или нет. Если прошел баг - нужно поставить не всем элементам на сайте, а только нужным.

Edited June 13, 2014 by Zverushka

[Нарек]

У меня на винде все нормально.

У меня тоже винда, даже ie показывает нормально. Проблема только в сафари на маке. В других браузерах на маке тоже все нормально.

 

Да проблема в том, что мака нет, не могу тестировать, сейчас пропишу строки, у кого есть мак, смотрите, пожалуйста. 

 

 

html { -webkit-font-smoothing: antialiased; }

 

* { -webkit-backface-visibility: hidden; }

 

 

Обе написал.

Edited June 13, 2014 by Нарек

[Нарек]

Проблема решилась добавлением обоих строк. Какая именно строка помогла - не знаю, так как нет рядом мака что бы постоянно менять и проверить. Спасибо всем.

[amelice]

у кого есть мак, смотрите, пожалуйста. 

 

Посмотрела в сафари на маке, потестировать не получилось, потому что не возникает никаких проблем с отображением даже с отключенными двумя строчками выше. у меня 6-я версия.

[Нарек]

Посмотрела в сафари на маке, потестировать не получилось, потому что не возникает никаких проблем с отображением даже с отключенными двумя строчками выше. у меня 6-я версия.

Может конкретно в браузере что то включено, плагин какой то.. Главное заказчик доволен, у меня на windows все отлично, у большинства людей у которых спрашивал все хорошо)) Но все таки жутко интересно с чем связано это)

Edited June 13, 2014 by Нарек

[amelice]

Может конкретно в браузере что то включено, плагин какой то..

Конкретно у меня ничего не включен   
 

[Zverushka]

@Нарек, надо все-таки выяснить, какая строка помогла, интересно же.

[Нарек]

надо все-таки выяснить, какая строка помогла, интересно же.

Ну так мака нет.. К соседу уже неудобно.. Подождем, может еще кто то с маком зайдет сюда и скажет нам всю правду) Если честно, мне тоже жутко интересно, впервые такое) 

[SelenIT]

И backface-visibility для всего надо бы убрать, оставить для нужного. А то бедный браузер может замучиться рисовать *каждый* элементик в отдельном слое рендеринга…