@ font-face 및 -webkit-transform : 회전, 작동하지 않습니다.

Question

HTML5 및 CSS3 기능이있는 웹 사이트를 만들고 있습니다. @ font-face를 통해 추가 된 두 가지 사용자 정의 글꼴이 있습니다. 그들은 로고에 사용됩니다. 그들은 'H1'태그에있어, 나는 CSS3의 proporety로 회전 :

내가 IE에 대한 적절한 접두사 (사용되는 모든 브라우저 물론

transform: rotate(350deg); 

"-ms-", FF에 대한 "-moz- ", Chrome/Safari :"-webkit- "및 Opera의 경우 :"- "). 문제는 크롬과 사파리에서 회전하지 않는다는 것입니다. 그래서 제 질문은 Webkit 엔진이 CSS3 속성을 사용하여 사용자 정의 글꼴을 회전하도록 허용합니까?

Answer 1

대부분의 인라인 컨텐츠는 웹킷 브라우저에서의 변환을 지원하지 않습니다. 이는 알려진 제한 사항입니다. H1은 블록 레벨 태그이지만 내 생각에 실제 텍스트 주위의 H1 태그 안에 span 태그 (인라인)를 사용하여 글꼴을 추가하면 문제가 발생합니다.

"display : inline-block"을 추가하면 도움이되는지 확인하십시오.