2011-11-03 116 views
9

我很好奇,您是否可以通過更多的傾斜CSS來影響斜體文本?如果是這樣,這怎麼能完成呢?添加更傾斜的斜體文本

+2

可能與CSS3 scew,但比它是基於瀏覽器的實現等。 –

回答

11

您可以使用CSS3傾斜轉換模擬自定義傾斜(儘管它看起來不如真正的斜體字體)。

下面是一個例子:

HTML:

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

CSS

.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