@ font-faceと-webkit-transform：rotateは動作しません

Question

私はHTML5とCSS3の機能を備えたウェブサイトを作っています。 @ font-faceで追加された2つのカスタムフォントがあります。彼らはロゴで使用されています。彼らは、「H1」タグにしている、と私はCSS3のproporetyでそれらを回転させる：

私はIEのための適切な接頭辞（使用すべてのブラウザのための当然の

transform: rotate(350deg); 

：FFのために、「-ms-を」：「-moz- "、Chrome/Safariの場合：" -webkit- "、Operaの場合" -o- "）。問題は、ChromeとSafariでは回転しないということです。だから私の質問は、WebkitエンジンはCSS3のプロパティでカスタムフォントを回転させることができますか？

Answer 1

ほとんどのインラインコンテンツは、Webkitブラウザでの変換をサポートしていません。これは既知の制限です。 H1はブロックレベルのタグですが、私の推測では、実際のテキストの周りのH1タグ内にスパンタグ（インライン）を使用してフォントを追加していると思います。

「display：inline-block」を追加し、それが役立つかどうかを確認します。