@font-face 和 -webkit-transform：旋转，不起作用答案

【问题标题】：@font-face and -webkit-transform: rotate, doesn't work@font-face 和 -webkit-transform：旋转，不起作用
【发布时间】：2011-08-01 21:32:07
【问题描述】：

我正在制作一个具有 HTML5 和 CSS3 功能的网站。我有两种通过@font-face 添加的自定义字体。它们用于徽标。它们在“h1”标签中，我用 CSS3 属性旋转了它们：

transform: rotate(350deg);

当然，对于每个浏览器，我都使用了正确的前缀（对于 IE：“-ms-”，对于 FF：“-moz-”，对于 Chrome/Safari：“-webkit-”，对于 Opera：“-o-” )。问题是它不会在 Chrome 和 Safari 中旋转。所以我的问题是，Webkit 引擎是否允许使用 CSS3 属性旋转自定义字体？

【问题讨论】：

标签： css webkit font-face

【解决方案1】：

大多数内联内容不支持 webkit 浏览器中的转换 - 这是一个已知限制。虽然 H1 是块级标签，但我的猜测是您在实际文本周围的 H1 标签内使用 span 标签（内联）来添加字体，这会给您带来问题。

添加“显示：内联块”，看看是否有帮助。

【讨论】：

是的，我正在使用标签，是的，您的建议有所帮助。非常感谢。