विंडोज पर लोड किया गया फॉन्ट-फेस वाकई बहुत खराब लगता है। आप कौन से फोंट का उपयोग कर रहे हैं जो बेहतर है?


27

संपादित करें : समस्या यह थी कि मेरे पास "क्लियरटाइप" नहीं था जो विस्टा पर मेरी सेटिंग्स में चालू था। यदि आपके पास Cleartype Windows OS पर स्थापित / सक्षम है, तो इस प्रश्न का अधिक अर्थ नहीं हो सकता है।


वेब पर एक नई टाइपोग्राफी हवा आ गई है, सीएसएस 3 की फ़ॉन्ट-फेस संपत्ति ओएस / सिस्टम सेट के अलावा फोंट लोड करने में सक्षम है। मेरा विंडोज मशीन नहीं है, जबकि मेरा मैक कई पूरी तरह से प्रस्तुत करना। फोंट का कौन सा सेट मुझे उपयोग करना चाहिए जो विंडोज पर बेहतर प्रस्तुत करेगा?

यह स्टैक ओवरफ्लो पर एक प्रश्न के समान है।

और यहां एक ऐसी वेबसाइट का उदाहरण है जो पीसी पर असंख्य प्रो के साथ खराब दिखती है: http://css-tricks.com/

नोट: मैं ब्राउज़र संस्करणों (जैसे IE9 और IE6) के बीच एंटीअलियासिंग में अंतर के बारे में बात नहीं कर रहा हूं।

मुझे आपके परीक्षणों के जवाब के रूप में उम्मीद है, फोंट की एक सूची प्लस आकार (कृपया पीएक्स का उपयोग करें) जो वे अच्छी तरह से देखते हैं, या कम से कम एक तरह से वे छोटे पाठ या छोटे शीर्षक के लिए उपयोग किए जा सकते हैं।

उदाहरण के लिए, इस समय "लीग गोथिक, 30 पीएक्स" निम्नलिखित जैसा दिखता है:

यहाँ छवि विवरण दर्ज करें


क्या आप अधिक विवरण प्रदान कर सकते हैं: किन ब्राउज़रों पर यह अच्छी तरह से प्रस्तुत नहीं होता है? क्या आप कुछ उदाहरण स्क्रीन शॉट्स दिखा सकते हैं? एक फ़ॉन्ट समस्या के बजाय यहाँ प्रस्तुत करने के साथ एक अंतर्निहित बुनियादी मुद्दा हो सकता है
Pekka GoFundMonica

2
यह केवल ब्राउज़र का नहीं है, बल्कि ऑपरेटिव सिस्टम का है। विंडोज़ में फोंट का एक प्रतिपादन है जो मैक ओएस वालों के लिए अलग सम्मान है। मेरे पास इस समय मेरे पास एक मैक नहीं है (केवल एक आइपॉड टच), और मैं अंतर नहीं दिखा सकता हूं, लेकिन एंटीएलियासिंग, फेस-फॉन्ट के लिए अच्छी तरह से प्रदान किए गए ब्राउज़र पर भी यह मानक ओएस फोंट नहीं के लिए अच्छी तरह से लागू नहीं किया गया है। मैं सोच रहा था (क्योंकि मेरे पास फोंट का एक सीमित सेट है), जो एक लोग उपयोग कर रहे हैं जो पीसी पर बुरी तरह से प्रदान नहीं किए गए हैं।
लिटिलमैड

@ यि जियांग: वास्तव में क्योंकि फॉन्ट की मात्रा बहुत बड़ी है, और यह सभी का परीक्षण करना संभव नहीं है, या यह सब करना है, कि मैं पूछ रहा हूं कि सभी के अनुभव से, "सुरक्षित फोंट और आकार" क्या हैं उपयोग करने के लिए। मैं देख सकता हूं कि किसी ने कुछ भी पोस्ट नहीं किया है, और मुझे नहीं पता कि कोई भी कुछ भी पोस्ट करेगा (या पीसी पर दिए गए फोंट का विश्लेषण करने की कोशिश की थी), इसलिए मुझे कोई प्रतिक्रिया नहीं होने से अधिक दुख है।
लिटिलमैड

"तरह का सभ्य" विशुद्ध रूप से व्यक्तिपरक है।
डीए 01

जवाबों:


18

यह एक टिप्पणी (इसलिए इसे सीडब्ल्यू बना रही है) होना चाहिए, लेकिन मुझे लगता है कि प्रश्न में कुछ गलतफहमियां और गलत धारणाएं हैं। चूंकि आप स्पष्ट रूप से चाहते हैं कि इस सवाल का जवाब दिया जाए (आपने आखिरकार एक इनाम दिया है), यहां मेरे दो सेंट हैं।

आपके स्क्रीनशॉट से मुझे ऐसा लगता है कि आपने अपने विंडोज को नियमित रूप से फोंट रेंडर करने के लिए सेट किया है (जैसा कि सबपिक्सल रेंडरिंग का विरोध किया गया है) और शायद आपका ब्राउज़र कोई भी एंटीअलियासिंग नहीं करता है (यह हो सकता है, लेकिन तब यह जेपीजी संपीड़न के साथ चला गया है)।

विंडोज़ के साथ काम करने वाले निम्न उदाहरण एक्सपी प्रो एसपी 3 से हैं, इसलिए यह मान लेना काफी सुरक्षित है कि स्थिति कम से कम विस्टा और 7 में समान स्तर पर है।

Windows में (XP में) ClearType या नहीं का उपयोग करने के विकल्प हैं। ClearType के बिना फोंट आपके स्क्रीनशॉट में प्रस्तुत करता है। यह सीटी के बिना विंडोज के संवाद से छवि में बहुत अधिक ज़ूम है:

सबूत 1

आप देखते हैं कि यह एक बाइनरी ऑपरेशन है: पिक्सेल काला या पारदर्शी है। अब सीटी के बिना भी कुछ आधुनिक ब्राउज़रों के साथ, वे कुछ विरोधी अलियासिंग करते हैं। यह Windows XP और Chrome 8 के साथ css-tricks.com से है और CT बंद है (जैसा कि पिछली तस्वीर में था):

सबूत २

देखिये क्या हुआ है? संभवतः आपने पहले ही किया था, जैसा कि आपने अपने प्रश्न में कहा है।

नोट: मैं एंटीअलियासिंग अंतर के बारे में बात नहीं कर रहा हूं कि नए ब्राउज़र और पुराने (जैसे IE9 और IE6) के बीच है।

अब, ClearType !

इस बार विंडोज डायलॉग से ठीक वैसा ही पाठ है, इस बार सीटी के साथ: साक्ष्य ३

यदि आप इस बारे में रुचि रखते हैं कि यह किस पर आधारित है, तो सबपिक्सल रेंडरिंग पर विकिपीडिया लेख देखें । और ब्राउज़र प्रतिपादन को प्रभावित करने पर ClearType को चालू करता है? Windows XP और Chrome 8 और ClearType के साथ "अन्य" टेक्स्ट चालू है: साक्ष्य ४

ऐसा होता है! और जब हम उस पर होते हैं, मैं जोड़ सकता हूं कि (कम से कम) IE 8 क्लियरटाइप रेंडरिंग का उपयोग करता है, भले ही यह विंडोज-स्तर में अक्षम हो।


100% में antialiased और ClearTyped पाठ की तुलना करना उतना ही कट्टरपंथी नहीं है जितना कि ClearTyped पाठ की तुलना गैर-प्रतिशोधी पाठ से करना। यह काफी अलग है, हालांकि:

आ: साक्ष्य ५सीटी:साक्ष्य ६

यह देखने के लिए कि एंटीएलियासिंग के बिना क्या दिखता है , बस थोड़ा सा स्क्रीनशॉट देखें

और यहाँ OS X के डिफ़ॉल्ट रेंडरिंग में समान "अन्य" की तुलना के लिए: ClearType की तुलना में साक्ष्य 7 अधिक बोल्डर।


अपने प्रश्न का उत्तर देने के लिए: कोई भी फ़ॉन्ट । यदि आपका ऑपरेटिंग सिस्टम फ़ॉन्ट को अलग तरीके से प्रस्तुत करता है तो यह हो सकता है क्योंकि आपने फोंट को रेंडर करने के लिए अपना ऑपरेटिंग सिस्टम सेट किया है । या यह हो सकता है कि आपका ब्राउज़र एंटीएलियासिंग या क्लियरटाइप में सक्षम न हो।

एक और सवाल यह होगा कि क्यों कुछ फोंट सही ढंग से प्रस्तुत करते हैं और कुछ नहीं - अगर यह भी मामला है (लेकिन मुझे उस साइट पर कोई समस्या नहीं दिखती है जिसका आपने विंडोज पर उल्लेख किया है)। या आप किसी भी प्रतिपादन के बिना पर्याप्त दिखने वाले फोंट के लिए पूछ रहे हैं?


और यहाँ भी अक्सर पूछे जाने वाले प्रश्न का उत्तर है: "हाँ, मुझे यह सब पता है - क्यों ClearType OS X के रेंडरिंग से अलग दिखता है ?!"

क्योंकि वे अलग हैं। Subpixel रेंडरिंग लागू करने के लिए एक हल्की चीज नहीं है। ClearType Microsoft का पंजीकृत ट्रेडमार्क है और यह 10 पेटेंट (+ 1 लंबित; देखें विकिपीडिया ) के साथ संरक्षित है । वे सिर्फ एक ही नहीं हो सकते


यह एक CW है, इसलिए यदि मैं गलत हूं तो बस इसे संपादित करें; या यदि आप कुछ जानते हैं तो विवरण जोड़ें।
जरी किनेलेन

2
महान स्पष्टीकरण koiyu, यह मुझे संदेह था, लेकिन जब तक वह स्क्रीनशॉट पोस्ट नहीं कर सकता, तब तक यह सुनिश्चित नहीं किया जा सकता था
JamesHenare

आपकी पोस्ट से मुझे संदेह हुआ। मैंने अपनी सेटिंग्स की जांच की, और मुझे याद आया कि जब मैं ओएस विस्टा स्थापित कर रहा था, तो मैंने प्रदर्शन को बेहतर बनाने के लिए सभी प्रभाव को कम कर दिया। और अंदाज लगाइये क्या? Cleartype अक्षम था। मैं एक ऐसा मूर्ख व्यक्ति हूं, जो विसंगति के लिए खेद है। अब फोंट बहुत बेहतर दिखते हैं, निश्चित रूप से पठनीय हैं। तो जानिए मेरा सवाल और भी है: किन विंडो से OS Cleartype विंडोज़ पर स्थापित नहीं है?
लिटिलमाड

@Littlemad कोई समस्या नहीं है :) यह मेरे लिए भी स्रोतों की जाँच करने के लिए उपयोगी था ताकि मैं केवल एक राय के बजाय किसी प्रकार का उत्तर प्रदान कर सकूं ।
जरी किनेलेन

1
@Littlemad, क्लियरटाइप को पहली बार विंडोज एक्सपी में पेश किया गया था, हालांकि डिफ़ॉल्ट रूप से बंद कर दिया गया था। Windows Vista से इसे अब डिफ़ॉल्ट रूप से चालू किया गया है। इसके अलावा इंटरनेट एक्सप्लोरर 7 में यह चालू है भले ही यह पूरे ओएस में सक्षम न हो। स्रोत: en.wikipedia.org/wiki/ClearType
JamesHenare

2

यदि मुद्दा वही है जो स्टैकेवरफ्लो प्रश्न आपके संदर्भ में है तो क्या उत्तर भी समान नहीं है?

यह एक है इशारा समस्या।

जब आप अपना फॉन्ट-फेस किट (जैसे FontSquirrel) जेनरेट करते हैं, तो आपको विशेषज्ञ विकल्पों पर संकेत देने की आवश्यकता होती है।

विशेषज्ञ चुनें, और प्रतिपादन के तहत, चुनें:

संकेत लागू करें - विन प्रतिपादन में सुधार करें।


1
नहीं, यह वही नहीं है, हिंटिंग इस मुद्दे को हल नहीं करता है। मैं पहले से ही फॉन्ट-फेस के बारे में वेब पर प्रकाशित समाधान का उपयोग कर रहा हूं जो फोंटक्वायर का उपयोग कर रहा है। मैं जो देख रहा हूं वह यह है: भले ही कुछ फ़ॉन्ट अच्छी तरह से प्रस्तुत नहीं किया गया हो, जो पीसी पर उपयोग करने के लिए पर्याप्त सभ्य लगता है? और किस फ़ॉन्ट आकार पर? मैं सुरक्षित आकार पर सुरक्षित फ़ॉन्ट की सूची देख रहा हूं। एक प्रकार का "सर्वोत्तम अभ्यास" संदर्भ।
लिटिलमैड

एक सबसे अच्छा अभ्यास पाठ आकार के लिए किसी भी एम्बेडेड वेब फोंट का उपयोग नहीं करना है। वे इसके लिए अनुकूलित नहीं हैं। उन्हें शीर्षकों और शीर्षकों के लिए छोड़ दें।
DA01

1
@ DA01: मैं एक वेब डिजाइनर हूं, मैं अच्छी टाइपोग्राफी डिजाइन और उपयोग करना चाहता हूं, मैं सिर्फ फोंट को नजरअंदाज नहीं कर सकता, मैं यह पता लगाना चाहता हूं कि जो उपयोग करने में सक्षम हैं वे क्या हैं।
लिटिलमाड

@Littlemad मैं भी एक वेब डिजाइनर हूं जो अच्छी टाइपोग्राफी डिजाइन और उपयोग करना चाहता है। मुझे पता है कि कम से कम अब के लिए फ़ॉन्ट-फेस एम्बेडिंग, ज्यादातर टाइपफेस का उपयोग करता है जो स्क्रीन पर छोटे पाठ आकारों के लिए अनुकूलित नहीं हैं। उनके पास अक्सर हिंटिंग की कमी होती है और अगर किसी विशेष उपयोगकर्ता के लिए एम्बेडेड चेहरा उपलब्ध नहीं होता है, तो उनके मेट्रिक्स काफी हद तक कहर बरपा सकते हैं। स्क्रीन पर पाठ आकारों के लिए अनुकूलित सिस्टम फोंट का उपयोग करना अच्छी टाइपोग्राफी का उपयोग करना है।
DA01

1
@ DAO1: हाँ, मैं उस मॉडल का बहुत बड़ा प्रशंसक नहीं हूं, लेकिन मैं यह बताना चाह रहा था कि इसके अच्छे बनाम बुरे फोंट की बात है, न कि एम्बेडेड फोंट स्वाभाविक रूप से खराब है।
रसेल लेगट


0

यह ब्राउज़र के साथ करने के लिए कुछ भी नहीं है, लेकिन खुद विंडोज़।

* निक्स सिस्टम (यूनिक्स / लिनक्स, और ओएसएक्स को इसमें शामिल किया गया है क्योंकि इसमें एक यूनिक्स बेस है) में पाठ को कैसे प्रदर्शित किया जाता है, इसे सूक्ष्मता से नियंत्रित करने का विकल्प होता है, और आम तौर पर सबपिक्सल रेंडरिंग के लिए सेट किया जाता है (जो कि मेरे लिए बहुत अधिक तकनीकी विवरण है आपको देने के लिए जा रहा हूँ, लेकिन यह अनिवार्य रूप से पाठ को प्रस्तुत करने के लिए उप स्क्रीन (लाल, हरे और आपकी स्क्रीन के पिक्सेल का नीला भाग) का उपयोग करता है) जहाँ Windows क्लियरटाइप का उपयोग करता है, जो कि स्वयं का एक प्रकार का प्रतिपादन है जो कि मैं थोड़ा सा हूँ यांत्रिकी पर फजी।

बहुत ज्यादा यह सिर्फ इतना है कि विंडोज प्रस्तुत नहीं करता है, यह फोंट या फाइलें नहीं है, लेकिन ऑपरेटिंग सिस्टम उन फोंट और फाइलों को प्रदर्शित करता है।


स्पष्टीकरण के लिए Thx, लेकिन मुझे पता है कि समस्या विंडोज है, लेकिन मैं अधिक पूछ रहा हूं: आपने अपनी वेबसाइट / क्लाइंट-वेबसाइट पर किस प्रकार के फोंट का परीक्षण किया या उपयोग किया जो आप विंडोज़ पर "अभी भी" काफी "सभ्य" देख रहे हैं?
छोटीमाड

दरअसल, यह ब्राउज़र से ब्राउज़र में भिन्न होता है। फ़ायरफ़ॉक्स और IE एक ही फ़ॉन्ट को अलग तरीके से प्रस्तुत करेंगे, यदि केवल इसलिए कि कोई EOT का उपयोग करता है और दूसरा OTF / TTF / WOFF का उपयोग करता है। और ClearType सबपिक्सल रेंडरिंग का भी उपयोग करता है। बहुत से लोग विंडोज़ के विकल्पों पर बस ओएस एक्स के फॉन्ट एंटीलियासिंग को पसंद करते हैं।
केल्विन हुआंग

@Littlemad क्या आप "काफी सभ्य" से मतलब है, मेरा मतलब है कि मैं सिर्फ अपने आप को इस तथ्य को दिया है कि यह अच्छी तरह से प्रस्तुत नहीं करता है। यहां विंडोज 8.
dkuntz2

@ कैल्विन हुआंग: हाँ, मैं प्रतिपादन के ब्राउज़र अंतर के बारे में जानता हूं, लेकिन यह मुख्य मुद्दा नहीं है। यह ओएस से संबंधित है। आजकल के ब्राउजर शालीनता से फोंट के अलियासिंग को प्रस्तुत करते हैं। विंडोज अभी भी नहीं। @DKuntz: "विंडोज 8" कहने से आपका क्या मतलब है? मैं कई लोगों को महत्वपूर्ण वेबसाइट फॉन्ट-फेस का उपयोग करते हुए देखता हूं, और यह देखना वास्तव में बदसूरत है कि अच्छा डिजाइनर ऐसा करता है। इसलिए मैं कम बुरे समाधान की तलाश कर रहा हूं, फिर भी खराब प्रतिपादन किया गया है, लेकिन कम से कम इतना सभ्य है कि कमोडोर 16 तरह के पाठ की तरह न दिखे। अन्यथा मुझे आपके ब्राउज़र की जाँच करने के लिए एक js समाधान का उपयोग करना होगा और अगर आप mac या pc हैं तो एक css स्टाइल पास करें
Littlemad

4
यह स्पष्टीकरण गलत है, या कम से कम अधूरा है। विंडोज क्या करता है उपपिक्सेल विरोधी aliasing - जो है क्या ClearType है, और XP के बाद से हुई है। OS X की तुलना में Windows गलत तरीके से फॉन्ट रेंडरिंग नहीं करता है , यह अलग तरह से करता है - अंतर सबसे अधिक व्यक्तिपरक है, और आपको ऐसे लोग मिलेंगे जो पसंद करते हैं कि कैसे फॉन्ट्स को विंडोज पर रेंडर किया जाता है। इसके अलावा, विंडोज पर ब्राउज़र अलग-अलग रेंडरिंग विधियों का भी उपयोग करता है - उदाहरण के लिए, फ़ायरफ़ॉक्स पर बड़े आकार के सभी फोंट विंडोज़ पर 3.6 तक दिखाई देते हैं। यह DirectWrite API पर स्विच करके संस्करण 4 में हल किया गया है।
यी जियांग


0

सीएसएस में नीचे दिए गए कोड का उपयोग करें

-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

यह आपकी मदद कर सकता है


2
कृपया पाठकों को दिखाने के लिए क्या आप बेहतर कोड का एक टुकड़ा दिखा सकते हैं?
मेंस
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.