आईई में टेक्स्ट घुमाएं, बिना बदसूरत

Question

मैं टेक्स्ट को 9 0 डिग्री सेल्सियस के विपरीत घुमाने के लिए चाहता हूं। फ़ायरफ़ॉक्स और क्रोम कोई समस्या नहीं, का उपयोग कर रहे हैं:

-webkit-transform-origin: top left; 
-webkit-transform: rotate(-90deg); 
-moz-transform-origin: top left; 
-moz-transform: rotate(-90deg); 

इंटरनेट एक्सप्लोरर के लिए, यह इस लाइन होना चाहिए, जहाँ तक मुझे पता है:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

(अन्य विधि, लेखन-मोड, केवल घड़ी की दिशा में 90 डिग्री घुमा सकते हैं)।

हालांकि, आईई में घुमावदार पाठ अपनी तरफ एक बुरी तरह से स्केल की गई छवि की तरह दिखता है (नीचे तुलना)।

फ़ायरफ़ॉक्स/क्रोम - बनाम - इंटरनेट एक्सप्लोरर:

वहाँ किसी भी तरह से है कि इंटरनेट एक्सप्लोरर में एक और अधिक सुरुचिपूर्ण तरीका (संभवतः जावास्क्रिप्ट/jQuery) में पाठ बारी बारी से कर सकते हैं? मैं गुगलिंग कर रहा हूं, लेकिन मुझे केवल इस विधि के लिए अधिक संदर्भ मिल सकते हैं ...

Answer 1

आईई का रेंडरइंजिन भयानक है ... मैं पृष्ठभूमि छवियों के साथ काम करने की कोशिश करता हूं। शायद फ़ॉन्ट प्रतिस्थापनCufon बेहतर काम करेगा। Cufon आपके पाठ की छवियां उत्पन्न करता है। जहां तक ​​मुझे पता है आईई में अच्छा काम करता है।

Answer 2

मैं या तो गूगल फ़ॉन्ट्स एपीआई या Cufon सुझाव है (जैसा कि @swishmiller कहा), या अक्षम करने एंटी एलियासिंग IE में (ClearType) ताकि फ़ॉन्ट हमेशा unsmoothed देखो (एक शब्द है)?

गूगल फ़ॉन्ट एपीआई: http://code.google.com/webfonts

Cufon: http://cufon.shoqolate.com/generate/

अक्षम ClearType:

/* This will force IE into thinking there is a filter actually doing something, so it'll disable ClearType */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 

[संपादित करें] मैं उल्लेख करना चाहिए कि मैं गूगल फ़ॉन्ट एपीआई ठीक करने की कोशिश की नहीं किया है ...

Answer 3

यह IE में टेक्स्ट रेंडरिंग इंजन को परिभाषित करता है; हालांकि, यह करने योग्य है।

फिल्टर: तत्व की आवश्यकता है लेआउट (यानी ज़ूम।) है। तत्व को पृष्ठभूमि रंग देकर, आप प्रतिपादन समस्या (अधिकांश समय) को हरा सकते हैं। अपने उदाहरण पर निम्नलिखित का प्रयास करें:

zoom:1; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
background-color:white; 

Answer 4

कोशिश एमएस-लेखन-मोड संपत्ति: http://msdn.microsoft.com/en-in/library/ie/ms531187%28v=vs.85%29.aspx