我很好奇,您是否可以通過更多的傾斜CSS來影響斜體文本?如果是這樣,這怎麼能完成呢?添加更傾斜的斜體文本
9
A
回答
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
相關問題
- 1. 添加傾斜文本的UILabel
- 2. 傾斜文本僅
- 3. SVG中的傾斜文本
- 4. 傾斜使用css的div的頂部沒有傾斜文本
- 5. 在傾斜類按鈕中沒有傾斜的文本
- 6. android - 傾斜滾動文本?
- 7. 2D 45度傾斜傾斜瓷磚
- 8. 傾斜團結
- 9. 與iPad傾斜
- 10. 傾斜,CSS3
- 11. 傾斜iPhone更改UIImage(加速度計)
- 12. IFRAME表 - 傾斜疊加
- 13. CSS,jQuery的斜率/傾斜菜單
- 14. 開羅繪製一個傾斜文本
- 15. Android傾斜模式
- 16. Raking UnknownAttributeError當傾斜
- 17. PictureBox傾斜圖像
- 18. OpenGL紋理傾斜
- 19. jquery滾動傾斜
- 20. iPhone傾斜方向
- 21. SoapUI +傾斜集成
- 22. 傾斜列標題
- 23. OpenCV - 調整傾斜角度的照片(傾斜)
- 24. PropertyGrid中的斜體文本
- 25. 圍繞傾斜軸旋轉物體
- 26. 使用Redhat CentOS擺動字體傾斜
- 27. 如何使用HTML-CSS設置傾斜/傾斜背景顏色
- 28. 您是否可以使用Greensock傾斜,傾斜或更改視角?
- 29. MigraDoc斜體文本重疊
- 30. qplot - 斜體圖例文本
可能與CSS3 scew,但比它是基於瀏覽器的實現等。 –