Chrome/Mac OS X上的CSS3@字体旋转问题

我的博客上有这个问题。菜单排版通过

@font-faces

集成，并像好莱坞标志一样跳舞。它有一个3度旋转，在win上它工作得很好，但在mac上它没有正确的基线。有没有办法解决这个问题

这是一个屏幕截图（Mac、Chrome）：

---

该设计目前位于。顺便说一句，在Windows中，旋转效果非常好。

这最近有点像金锤，但在图层上强制硬件加速可确保字体正确呈现：

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

---

这解决了Chrome 13和Safari 5.1浏览器中的问题，我可以测试这些浏览器。

这最近有点像金锤，但强制在层上进行硬件加速可以确保字体正确呈现：

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

---

这解决了我可以测试的Chrome 13和Safari 5.1浏览器中的问题。

嘿，朱利叶斯，人们不喜欢这里的短链接，所以我抓起你的屏幕截图，将其作为普通图像放在帖子中。仅供下次参考。嘿，朱利叶斯，人们不喜欢这里的短链接，所以我抓起你的截图，把它作为普通图片放在帖子里。仅供下次参考。