@ font-face和-webkit-transform：旋轉，不起作用

Question

我正在製作一個帶有HTML5和CSS3功能的網站。我有兩個通過@ font-face添加的自定義字體。他們用於標誌。他們在「H1」的標籤，我轉動他們CSS3 proporety：

transform: rotate(350deg); 

課程，我用正確的前綴（IE瀏覽器的每道：「-ms-」，爲FF：「-moz- 「，對於Chrome/Safari：」-webkit-「和Opera：」-o-「）。問題是它不會在Chrome和Safari中旋轉。所以我的問題是，Webkit引擎是否允許使用CSS3屬性旋轉自定義字體？

Answer 1

大多數內聯內容不支持webkit瀏覽器中的轉換 - 這是一個已知的限制。儘管H1是一個塊級別的標籤，但我的猜測是，您在實際文本週圍的H1標籤中使用span標籤（內聯）來添加字體，這給您帶來了問題。

添加「display：inline-block」並查看是否有幫助。