Chrome чудит со встраиваемыми шрифтами

Question

[tema_sun]

Для улучшения жуткого антиалиасинга в Хроме я воспользовался «хаком», когда блок svg поднимают выше в @font-face. Сглаживание действительно стало значительно лучше, но теперь у меня возникает такая штука.



Происходит и при float: right, и при text-align: right. Результат на картинке получен нажатием на F5. Т.е. я вообще ничего не меняю в коде, а картинка рендерится сама по разному.

Может есть мысли какие-то? Woff очень не хочу использовать, он очень страшный получается.

Answer 1

[KEKSOV]

Можно обойтись без SVG, в самом низу статьи есть рецепт.

Comments

[tema_sun]

Этот вариант я, конечно, попробовал. Увы, но не помогло. Текст все-равно «зубастый» остается.

[tema_sun]

Тем не менее спасибо за ссылку. Там внизу есть ссылка на обсуждение этой фигни. И я нашел кое-что по моей проблеме. К сожалению, это не решение, а констатация факта, что я не один в своей проблеме:

#137 I applied this fix and was happy for a while… until my colleague s experienced content overlaps, shifts and weird behavior. And doesn't happen all the time, only from time to time. Looks like it has to be changed back.

Здесь речь идет как-раз про хак с svg.

Answer 2

[dom1n1k]

Тоже как-то сталкивался с подобным поведением в Хроме.
И так и не удалось решить проблему тогда (а потом что-то переделали и забили).