मैं Google क्रोम में फ़ॉन्ट उपस्थिति कैसे सुधार सकता हूं?


72

बाईं ओर फ़ायरफ़ॉक्स 4 है, दाईं ओर क्रोम 12 है

बाईं ओर फ़ायरफ़ॉक्स 4 है, दाईं ओर क्रोम 12 है। क्या क्रोम को प्रीटियर फॉन्ट बनाने का कोई तरीका है?

उपरोक्त छवि विंडोज़ एक्सपी पर ली गई थी। नीचे विंडोज 7 से एक और उदाहरण दिया गया है।

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


लिनक्स या विंडोज?
निकु जेकेरू

खिड़कियाँ। ऊपर दिया गया स्क्रीनशॉट विंडोज़ xp पर लिया गया था। यह मेरी विंडोज़ 7 मशीन पर थोड़ा बेहतर दिखता है, लेकिन कुछ साइटें निश्चित रूप से अभी भी पीड़ित हैं। : यहाँ एक और उदाहरण है i.imgur.com/zbuUr.png
ह्यूजेस

1
क्या ये डिफ़ॉल्ट OS फोंट या एम्बेडेड फोंट हैं? (TypeKit.com के माध्यम से)?
लाल

1
तुम्हें पता है, यह एक अच्छा सवाल है। यह एम्बेडेड फोंट पर सबसे अधिक ध्यान देने योग्य है। वेब-सुरक्षित डिफ़ॉल्ट फ़ॉन्ट ठीक दिखते हैं। TypeKit.com पर सब कुछ दांतेदार और भयानक लग रहा है।
ह्यूजेस

TypeKit रेंडरिंग वास्तव में अलग-अलग ब्राउज़र \ ऑपरेटिंग सिस्टम संयोजनों पर वास्तव में अलग दिखता है, दुख की बात है। :(
लाल

जवाबों:


35

ClearType सेटिंग्स की जाँच करें - Chrome स्क्रीनशॉट ऐसा लगता है कि इसे गैर-विरोधी उपनाम देने के लिए मजबूर किया जा रहा है। यह किसी भी वेब फ़ॉन्ट के बारे में मार देगा, क्योंकि उनके पास मोनोक्रोम संकेत नहीं हैं (अन्य चीजों के बीच आकार के कारण)। मैं इस रिपोर्ट को "IE पाठ को बेहतर तरीके से प्रस्तुत करता है" के रूप में देखता था, क्योंकि यह आपके ओएस-स्तर क्लियर टाइप सेटिंग्स को अनदेखा करता है और इसे डिफ़ॉल्ट रूप से बदल देता है।


वाह, यह पूरी समस्या थी। मुझे लगता है कि फ़ायरफ़ॉक्स क्लियरटाइप सेटिंग्स को भी अनदेखा करता है। धन्यवाद! अपने इनाम का आनंद लें!
ह्यूजेस

6
" यह आपके OS- स्तर ClearType सेटिंग्स को अनदेखा करता है और " और क्या?
डेर होकस्टापलर

इसके अलावा GPU त्वरण की बारी मेरे लिए काम किया। देखें lonesysadmin.net/2011/09/12/...
जिमी Bogard

5
कोई व्यक्ति ClearType सेटिंग की जाँच करने के लिए कहाँ जाएगा?
चरवी

1
यह उत्तर बताता है कि इसे XP पर कैसे किया जाए - प्रारंभ या नियंत्रण कक्ष में कोई "ClearType" नहीं है। superuser.com/a/441694/46972
ashes999

23

वे सभी उत्तर गलत हैं! Google Chrome में यह एक बड़ा बग है, कृपया आधिकारिक बग रिपोर्ट / थ्रेड देखें जिसमें बहुत सारे स्क्रीनशॉट शामिल हैं: Chrome कोड पर आधिकारिक बग रिपोर्ट

वर्तमान में सबसे अच्छा समाधान यह है कि आप अपने तत्व को दें / इस सरल नियम को शीर्षक दें:

-webkit-text-stroke: 1px

डॉ। जॉन से जुड़ाव: मुझे एक सुझाव मिला जो html { -webkit-text-stroke: 0.25px}काम करेगा - इसे यहाँ पाया गया https://groups.google.com/forum/?fromgroups##topic/mathjax-users/dV_TmJ1QMO4


इससे इसमें और सुधार होता है। मैं डिफ़ॉल्ट रूप से सभी साइटों के लिए इस सीएसएस को कैसे सक्षम करूं?
शुआयुआन

@shuaiyuancn क्षमा करें, क्या? आपको "सभी साइट" से क्या मतलब है? इसका कोई मतलब नहीं है।
शालिक

1
यह सही समझ में आता है। मूल पीओ इंगित करता है, के रूप में एक वेब डेवलपर, एक वेब डेवलपर के रूप में सोचने की कोशिश न करें। मैंने क्रोम में सीधे लिखना बंद कर दिया: // झंडे और -webkit-text-strokeस्टाइलिश ऐडऑन में एक वैश्विक नियम जोड़ा । अब क्रोम मुझे थोड़ा और आनंद देता है।
शुआईयुआन

अब मैं उलझन में हूं, मैंने वर्षों से सोचा था कि सुपरसुअर linux sudo के लिए खड़ा है और उन्नत linux उपयोगकर्ताओं के लिए एक पोर्टल है, इंटरनेट के आम उपयोगकर्ताओं के लिए नहीं। हम्म्म ... अजीब है।
सालिक

1
आप वर्षों से गलत हैं। टैगलाइन की जांच करें: सुपर उपयोगकर्ता कंप्यूटर उत्साही और बिजली उपयोगकर्ताओं के लिए। मुझे नहीं लगता कि आम यूजर्स इस तरह फोंस को ट्यून करेंगे।
शुआयुआन

16

Chrome आपकी ClearType सेटिंग पढ़ रहा है जो डिफ़ॉल्ट रूप से Windows XP पर बंद है।

  1. समस्या को ठीक करने के लिए, पहले क्रोम ब्राउज़र को बंद करें।

  2. अब डेस्कटॉप पर कहीं भी राइट-क्लिक करें और ड्रॉप-डाउन मेनू से 'गुण' चुनें।

  3. नई विंडो पर ऊपर की ओर पाए गए 'अपीयरेंस' टैब पर क्लिक करें।

  4. और click इफेक्ट्स ’बटन पर क्लिक करें।

  5. नीचे दिए गए दूसरे विकल्प को पढ़ना चाहिए, "स्क्रीन फोंट के किनारों को चिकना करने के लिए निम्न विधि का उपयोग करें।"

  6. "ClearType" विकल्प चुनें।

  7. अपना Chrome ब्राउज़र लागू करें और फिर से खोलें पर क्लिक करें।

अब से Chrome आपके फोंस को उस सहज प्रभाव के लिए अच्छी तरह से एंटी-अलियास कर देगा।


2
यह मेरे लिए काम कर रहा है, विंडोज 7 पर थोड़ा अलग विकल्प हालांकि
Gearoid मर्फी

2
यह क्रोम को पुनरारंभ किए बिना काम करता है।
क़ाज़ी इरफ़ान

मैंने XP पर मेरे लिए तब तक काम नहीं किया जब तक मैंने क्रोम को फिर से शुरू नहीं किया।
ashes999

1
विंडोज 8: कंट्रोल पैनल> डिस्प्ले> क्लियर टाइप टेक्स्ट को एडजस्ट करें> विजार्ड के साथ आगे बढ़ें। ब्राउज़र को पुनरारंभ करें - जो मदद करता है।
किश्ती

मुझे अपने कंप्यूटर को Windows 10 में लागू करने के लिए अपने ClearType परिवर्तनों की अनुमति देने के लिए पुनः आरंभ करना पड़ा था। महान समाधान BTW!
सिंपल सैंडमैन

12

एसवीजी फाइल को फॉन्ट-फेस सीएसएस नियम में रखें, उदाहरण के लिए 1 या दूसरा:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

के बजाय:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

इस सुधार के उदाहरण यहां देखे जा सकते हैं:

FontSpring उदाहरण
Adtrak उदाहरण


बहुत बहुत धन्यवाद!! एक पिछले प्रोजेक्ट पर मैंने देखा कि ओटीएफ वास्तव में बहुत अच्छा लग रहा था, मैंने इसे दूसरे प्रोजेक्ट पर आज़माया और यह बहुत अच्छा लग रहा था! एसवीजी वास्तव में अच्छा लग रहा है =)
zzz

6

क्या आपके पास Google Chrome में GPU त्वरण सक्षम है? टाइप करें about:flagsऔर GPU के लिए देखें Accelerated Canvas 2D, सक्षम होने पर इसे अक्षम करें। कुछ साइटों पर फ़ॉन्ट्स वास्तव में दांतेदार दिखाई देते हैं जब मैंने त्वरण सक्षम किया।


मैं इसे खुद को सक्षम करता था, लेकिन संस्करण 10 के बाद फ़ॉन्ट-प्रतिपादन हिट हो गया। मुझे उम्मीद है कि Google किसी बिंदु पर समस्या का समाधान करेगा।
लाल

इसे निष्क्रिय कर दिया गया था। मैंने अस्थायी रूप से इसे सक्षम करने की कोशिश की कि क्या होगा, और कोई अंतर नहीं देखा।
ह्यूजेस

ठीक है। यदि आप गलत था, तो यहां अपडेट करने के लिए याद रखें।
लाल

मेरे मामले में, GPU त्वरण को निष्क्रिय करने ने एलियासिंग को ठीक कर दिया।
kcbanner

मेरे लिए काम किया! विंडोज 7, क्रोम 52
विंसेंट

2

Google Chrome के भीतर रिंच> विकल्प> हुड के नीचे [[वेब सामग्री के बगल में] पर क्लिक करें फ़ॉन्ट अनुकूलित करें।

अपनी सेटिंग बदलें ताकि आपका पेज मेरा जैसा लगेमेरे विकल्प स्क्रीन

फिर x पर क्लिक करें, और देखें कि क्या आपकी समस्या ठीक हो गई है।

यदि यह इसे ठीक नहीं करता है, तो एक और बात हो सकती है ... लेकिन मैं तब तक इंतजार करूंगा जब तक आप यह कोशिश नहीं करेंगे।


पहले से ही समान: i.imgur.com/zhTBS.png हालांकि आप देखेंगे कि हमारे स्क्रीनशॉट की तुलना करने पर भी, डिफ़ॉल्ट फोंट मेरी मशीन पर बहुत दांतेदार हैं।
ह्यूजेस

ठीक है ... आपका वीडियो कार्ड कौन बनाता है?
४:५०

इसके अलावा ... google.com/webfonts पर जाएं क्या ये सब गड़बड़ है? मुझे पता है कि आप typekit.com पर गए थे ... लेकिन यह अलग हो सकता है। अलग फिल्टर के माध्यम से देख कर आपको आपकी समस्या उन सभी पर लागू होता है, तो करने की कोशिश करो (उदा। यह सिर्फ सेरिफ़ या ... है)
wizlog

3
यह टाइपफेस ("फोंट") को बदलता है। इसका फॉन्ट रेंडरिंग से कोई लेना-देना नहीं है ।
एंड्रेस रिओप्रियो

2

Chrome इस समय वेब फोंट को अच्छी तरह से प्रस्तुत नहीं करता है। इसके लिए उनके इश्यू ट्रैकर पर कई बग हैं । कृपया उन्हें अधिक ध्यान देने के लिए आप उन्हें कोई भी प्रासंगिक सितारा दें।


2

मेरे पास वास्तव में एक ही मुद्दा था, क्रोम में http://www.google.com/webfonts से वेबफोन्स प्रदान करना । मैंने इस पर सभी सुझावों और अन्य साइटों के एक जोड़े की कोशिश की और उनमें से कोई भी काम नहीं किया।

आखिरकार मैंने प्रभावित पाठ के सीएसएस गुणों का निरीक्षण करना शुरू कर दिया, यह वास्तविक फ़ॉन्ट रंग के लिए निकला जो समस्या पैदा कर रहा था। दिया गया एक शीर्षक color:#454545बुरी तरह से प्रस्तुत होता है, फिर भी निम्नलिखित शीर्षक दिया गया: color:#333ठीक काम किया। उपयोगकर्ता एजेंट विशिष्ट शैली पत्रक के लिए भगवान का शुक्र है!


2

विंडोज एक्सपी में, मैंने केवल
डिस्प्ले में → डिफॉल्ट "में" डिफॉल्ट "से एंटी-अलियास ऑप्शन को बदल दिया है। गुण → प्रकटन → विजुअलइफेक्ट्स।


2

क्रोम फोंट के लिए सिस्टम क्लियर टाइप वैल्यू लेता है। विंडोज 7 में बेहतर देखना यह बताता है कि। एक मैक पर, एंटी-अलियासिंग आकार 8 से ऊपर के सभी फोंट के लिए सक्षम है, मुझे लगता है। अपने विंडोज मशीन के क्लीयर टाइप को चालू या बदलने का प्रयास करें

अपडेट : Chrome 22 जैसा लगता है और सिस्टम सेटिंग को अनदेखा करता हैclearType


1

मुझे Windows XP SP3 में यह समस्या इतनी गंभीर लगी कि इसने क्रोम को सभी उद्देश्यों और उद्देश्यों के लिए अनुपयोगी बना दिया। मैंने देखा कि मैंने कंट्रोल पैनल में क्लियर टाइप ट्यूनिंग स्थापित की थी और एडवांस टैब में "इनेबल फॉंट स्मूथिंग" को अनचेक करने की कोशिश की थी। क्रोम को पुनरारंभ करने के बाद। फॉन्ट स्मूथिंग को फिर से चालू करने के बाद भी यह ठीक था। मैंने बॉक्स "नए उपयोगकर्ताओं और सिस्टम के लिए डिफ़ॉल्ट के लिए सभी सेटिंग्स लागू करें" चेक करने का निर्णय लिया।


1

मेरे लिए यह विंडोज 10.1 x64 में क्लियर टाइप सेटिंग नहीं था, लेकिन यह मेरे क्रोम ब्राउज़र में डायरेक्टविराइट नामक एक सेटिंग में बदल गया।

  1. Chrome प्रकार में अपने एड्रेसबार में: chrome://flags/#directwrite
  2. और DirectWrite को चालू करें, इस सेटिंग्स का शीर्षक कहता है DirectWrite को अक्षम करें और सुनिश्चित करें कि इसके अंतर्गत बटन शब्द दिखाता है: सक्षम करें

मेरे लिए यह मुद्दा तय हो गया।


0

ऐसा लगता है कि लंबे और कठिन जवाब आप नहीं कर सकते। हैं Chrome सहायता में विचार विमर्श और सुझावों के बहुत सारे हैं, लेकिन मैं सुझाव दे लायक कुछ भी नहीं दिख रहा है।

बड़ा सवाल यह है कि आप इसे इतना बुरा कैसे देख रहे हैं ?! मैं इस बॉक्स में टाइप करने के लिए Chrome का उपयोग कर रहा हूं ... मैंने भी पूरे झुंड में ज़ूम किया और मुझे ऐसा कुछ भी दिखाई नहीं दिया जैसे आप हैं। यदि इसके बाद भी आपके पास प्रश्न हैं, तो आपको समुदाय को अपने कॉन्फ़िगरेशन की व्याख्या करनी चाहिए।


0

हालाँकि क्रोम फोंट के लिए "प्रयोग करने योग्य" है, लेकिन यह पतले और धुले हुए दिखते हैं जहाँ यह विशेष रूप से विकर्ण रेखाओं को प्रस्तुत करता है। IE बहुत बेहतर है, लेकिन IE एक धीमी ब्राउज़र है और इसलिए यह फ़ायरफ़ॉक्स है।

मेरा मानना ​​है कि यह क्रोम के लिए कोड में निहित है।

BTW, HackToHell, मैं रेंडरिंग रंग बदलने के लिए कहां जाऊं?

मैं यह कोशिश करूँगा।


0

विंडोज़ कुंजी दबाएं + r फिर वहाँ cttune.exe टाइप करें

वैकल्पिक तरीका यह है कि विंडोज़ की को दबाएं और फिर क्लीयर टाइप में टाइप करें फिर एडजस्ट क्लीयर टाइप टेक्स्ट चुनें

और निर्देशों का पालन करें, अगर आपके पास अभी भी मुद्दे हैं, तो कुछ अन्य उदाहरणों की कोशिश करें

यह मेरे लिए काम करता है, आपको अलग-अलग उदाहरणों की कोशिश करनी होगी, इसके विपरीत / चमक अंशांकन की तरह लेकिन इसके बजाय पाठ के लिए

FYI करें: 2d त्वरण को अक्षम करने से विंडोज़ क्लियरटाइप ट्यून टूल के साथ क्रोम को चलाने में मदद मिल सकती है


0

यदि आप चाहते हैं कि वेब फ़ोंट स्मूथिंग / क्लीयरटाइप डिसेबल होने के दौरान भी पढ़ने योग्य हो, तो इसका समाधान Google क्रोम में वेब फोंट को अक्षम करना है। ऐसे मामले में ब्राउज़र OS मानक फोंट का उपयोग करेगा जो क्लीयरपाइप / स्मूथिंग अक्षम होने पर सही तरीके से प्रस्तुत किए जाते हैं। ऐसा करने के लिए /disable-remote-fontsध्वज को chrome.exe पर पास करें । डेस्कटॉप पर Google Chrome शॉर्टकट पर क्लिक करें, गुण चुनें, शॉर्टकट टैब पर जाएं और लक्ष्य निर्धारित करें:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

वेब फोंट अक्षम होने के साथ एक समस्या हो सकती है। यदि वेबसाइट वेब फोंट से आइकन का उपयोग कर रही है, तो वे प्रदर्शित नहीं करेंगे।

क्रोमियम ट्रैकर में संबंधित समस्या:

"सिस्टम-वाइड क्लियर टाइप सेटिंग वेब फोंट्स के लिए सम्मानित नहीं है" https://code.google.com/p/chromium/issues/detail?id=319429


0

पर जाएं chrome://flags/(या about:flags) और अक्षम विकल्प सॉफ़्टवेयर रेंडरिंग सूची ओवरराइड

त्वरित 2D कैनवास को भी अक्षम किया जाना चाहिए।

उस संयोजन ने मेरी मदद की।


-1

क्रोम पर जाएं: // झंडे / और सक्षम करने के लिए "एलसीडी टेक्स्ट एंटीलियासिसिंग" सेट करें। ब्राउज़र को पुनरारंभ करें।

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