2011-11-03 4 views
9

イタリック体のテキストにCSSで傾きが増すかどうか不思議でしたか?もしそうなら、これはどのように達成できますか?イタリック体に傾きを増やす

+2

が、それはブラウザの実装に基づいていること以外に。 –

答えて

11

CSS3のスキュー変換を使用してカスタムスラントをシミュレートすることはできますが(実際のイタリック体のようにはなりません)ここで

は例です:

HTML:

<p class="slant">Some text</p> 

CSS CSS3のscewと多分

.slant { 
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
} 
+0

これは、フォントが通常のイタリック体と同じように見えることはありませんあなたの言葉に感謝します。良い解決策、同様に。 – kevincoleman

3

CSSで標準font-styleを使用している場合は、italicの状態をカスタマイズすることはできません。

これは、ブラウザの好みやフォントのイタリック体に依存します。

+2

"純粋に"ブラウザまで?フォント自体とは何の関係もありませんか? –

+0

良い点は、私の答えを修正しました – Curt

関連する問題