CSS字體斜體的調整可以通過font-style屬性來實現。這個屬性有三個可選值:normal,italic和oblique。其中,normal是默認值,不斜體顯示文本;italic會斜體顯示文本,且如果字體家族中有italic字體,則直接使用該字體;如果沒有,則通過壓縮傾斜標準字體實現斜體顯示。oblique也會將字體傾斜,但是不會檢查字體家族中是否有oblique字體,而是直接將標準字體傾斜一定角度。
/* 正常字體 */ p.normal { font-style: normal; } /* 傾斜字體 */ p.italic { font-style: italic; } /* 斜角字體 */ p.oblique { font-style: oblique; }
基本的字體傾斜已經可以通過上述代碼實現,但是傾斜的角度是固定的,如果想要調整角度,可以使用transform屬性。具體來說,使用rotate()函數來旋轉文本,參數值為角度,可以是正值也可以是負值。
/* 將字體傾斜20度 */ p.rotate { font-style: italic; transform: rotate(20deg); }
需要注意的是,transform屬性不兼容IE8及以下的瀏覽器,而且旋轉文本可能會導致文本更改原來的大小和位置。因此,一般建議可以使用傾斜度較小的斜體字體代替旋轉文本的效果。
上一篇css字體寬度變形
下一篇css如何使圖片固定