CSS3 @ проблема поворота шрифта в Chrome / Mac OS X

Question

У меня есть эта проблема в моем блоге. Опечатка меню интегрирована через @font-faces и танцует как голливудский знак. У него 3-градусное вращение, и на победе он работает отлично, но на Mac у него нет правильной базовой линии. Есть ли способы исправить это?

Вот скриншот (Mac, Chrome):

Дизайн в данный момент находится на http://blog.desiign.de/. Кстати, в Windows вращение работает отлично.

Answer 1

В последнее время это стало чем-то вроде золотого молотка, но принудительное аппаратное ускорение на слое гарантирует, что шрифт отображается правильно:

nav#category-nav {
    -webkit-transform-style: preserve-3d;
}

Это исправляет вашу проблему в Chrome 13 и Safari 5.1 - браузерах, которые я мог протестировать.