2010-07-10 17 views
7

से चित्र में पतला है मेरे ऐप में UIWebView है। जब ऐप पोर्ट्रेट से परिदृश्य या पीछे घूमता है, तो फ़ॉन्ट वजन थोड़ा बदल जाता है। बोल्ड टेक्स्ट और नियमित पाठ दोनों लैंडस्केप में थोड़ा बोल्ड हो जाते हैं, और पोर्ट्रेट में थोड़ा पतला हो जाता है।UIWebView फ़ॉन्ट लैंडस्केप

यह सफारी में ही नहीं है, केवल मेरे ऐप में। आईपैड पर एक स्क्रीनशॉट के रूप में लिया गया एक उदाहरण छवि यहां दी गई है। मैंने एक उदाहरण खंड घुमाया और फसल लगा दी है।

alt text http://dl.swankdb.com/font-change-example.png

मैं निम्नलिखित सीएसएस कॉन्फ़िगर किया गया है, लेकिन यह कठोर फ़ॉन्ट आकार परिवर्तन, नहीं सूक्ष्म वजन परिवर्तन है कि मैं देख रहा हूँ को रोकने के लिए लगता है:

html { 
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ 
} 

किसी को भी इस व्याख्या कर सकते हैं? सिम्युलेटर ऐसा नहीं करता है - लेकिन मेरे आईपैड, आईफोन 3 जीएस और आईफोन 4 में यह सब है। मुझे ग्राहकों से रिपोर्ट भी मिली है कि यह उनके साथ होता है, इसलिए मुझे पता है कि यह मेरे सिर में नहीं है!

+1

आपके स्वयं के स्निपेट ने मेरे लिए फ़ॉन्ट समस्याओं का समाधान किया! –

उत्तर

3

खैर यह पता लगाने की कोशिश के लिए समय की एक हास्यास्पद राशि खर्च करने के बाद मैं एक समाधान पाया है:

उपयोग करें:

एचटीएमएल {

-webkit-font-समरेखण: कोई नहीं;

}

+0

हां, यह मेरे लिए काम करता है। धन्यवाद! – Echelon

16

मैं इस सफारी अपने आप में भी एक वेब अनुप्रयोग मैं एक साथ डाल रहा हूँ के साथ देखा है। एक दिन बाद या सिर के तो खरोंच, और iPad उपयोगकर्ता गाइड द्वारा इस्तेमाल किया सीएसएस deconstructing, मैंने पाया कि

-webkit-transform: translate3d(0,0,0); 

काम कर देता है। इसके चारों ओर गुगल करने से ऐसा लगता है कि यह प्रतिपादन के हार्डवेयर त्वरण को सक्षम बनाता है जो चित्र और परिदृश्य उन्मुखताओं में कहीं अधिक सुसंगत परिणाम देता है।

+0

ग्रेट मिल! धन्यवाद। – canisbos

+0

बहुत बहुत धन्यवाद, यह पिक्टो/आइकन फोंट पर भारी प्रतिपादन में सुधार करता है। –

2

इसका कारण यह है कि केवल एक ही मोड डिस्प्ले में उप-पिक्सल का उपयोग कर सकता है, क्योंकि उन्हें एक निश्चित दिशा में व्यवस्थित किया जाता है। दूसरा मोड ग्रेस्केल एंटी-एलियासिंग के साथ फ़ॉन्ट प्रदर्शित करेगा और थोड़ा अलग दिखाई देगा।