2011-11-03 10 views
9

पर अधिक स्लंट जोड़ना मैं उत्सुक था कि क्या आप सीएसएस के साथ अधिक स्लंट के साथ इटैलिक टेक्स्ट को प्रभावित कर सकते हैं? यदि हां, तो यह कैसे पूरा किया जा सकता है?इटालिक टेक्स्ट

+2

शायद css3 scew साथ, पर इसके अलावा वह ब्राउज़र की कार्यान्वयन पर आधारित है अन्य। –

उत्तर

11

आप CSS3 स्काई परिवर्तनों के साथ एक कस्टम स्लंट अनुकरण कर सकते हैं (हालांकि यह वास्तविक इटैलिक फ़ॉन्ट के रूप में उतना अच्छा नहीं लगेगा)।

यहाँ एक उदाहरण है:

HTML:

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

सीएसएस

.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

सीएसएस में मानक font-style के साथ, italic स्थिति को अनुकूलित करना संभव नहीं है।

यह ब्राउज़र की प्राथमिकता और फोंट इटैलिक राज्य पर निर्भर है।

+2

ब्राउज़र पर "शुद्ध रूप से"? क्या फ़ॉन्ट के साथ इसका कोई लेना-देना नहीं है? –

+0

अच्छा बिंदु, मेरे उत्तर को सही किया गया – Curt

संबंधित मुद्दे