केवल कुछ वेबसाइटों पर फ़ायरफ़ॉक्स में फोंट बदलें, और केवल कुछ फोंट

9

क्या किसी वेबसाइट के फोंट को बदलने का एक तरीका है, लेकिन केवल कुछ वेबसाइटों पर? मुझे सामग्री के तहत विकल्प के बारे में पता है, लेकिन यह सभी वेबसाइटों पर लागू होता है, और केवल कुछ वेबसाइटें मुझे परेशानी दे रही हैं, और कभी-कभी यह केवल कुछ फ़ॉन्ट ही मुझे परेशानी दे रही हैं।

firefox fonts

— Avery3R
स्रोत

किस तरह की परेशानी?

— करण

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

— एवरी

मैं इस तरह कुछ करने के लिए कस्टम लिखने के लिए हो सकता है एक ही रास्ता लगता है userscripts ।

— करण

संबंधित (एक ही फ़ाइल को शामिल करते हुए userContent.css): मैं फ़ायरफ़ॉक्स और क्रोम में लिंक रंग कैसे बदल सकता हूं, लेकिन अन्य सभी रंगों और फोंट को छोड़ दें जैसे वे हैं?

— पीटर मोर्टेंसन

6

पृष्ठों की संख्या के आधार पर, स्टाइलिश एक विकल्प हो सकता है। आप एक साधारण सीएसएस फ़ाइल बनाते हैं, जहाँ आप फोंट को फिर से परिभाषित करते हैं।

बाद में आप का चयन करें urls शैली लागू किया जाना चाहिए।

कोई महान सीएसएस ज्ञान आवश्यक नहीं है, आप के साथ रह सकते हैं font-family: whatever;।

— mreq
स्रोत

यह स्वीकृत उत्तर होना चाहिए ^ ^ सरल और आवश्यकता को हल करें!

— नाम जी वीयू

4

ऐसा करने के लिए आप एक उपयोगकर्ता शैली शीट बना सकते हैं। उपयोगकर्ता शैली पत्रक आपको साइट की सीएसएस शैलियों को ओवरराइड करने और उन्हें अपने स्वयं के साथ बदलने की अनुमति देते हैं।

सबसे पहले आपको अपने फ़ायरफ़ॉक्स के प्रोफाइल फोल्डर को खोजने और CSS फ़ाइल बनाने की ज़रूरत है, इसे निम्न द्वारा करें:

फ़ायरफ़ॉक्स मेनू पर क्लिक करें (फ़ायरफ़ॉक्स विंडो के ऊपरी-बाएँ कोने में)
सहायता का चयन करें -> समस्या निवारण जानकारी
एप्लिकेशन मूल बातें अनुभाग में प्रोफ़ाइल फ़ोल्डर लाइन पर Show Folderया Edit Folderबटन पर क्लिक करें ।
खुलने वाले chromeफ़ोल्डर में या तो फ़ोल्डर में जाते हैं, या (यदि यह मौजूद नहीं है) नाम का एक नया फ़ोल्डर बनाते हैं chrome।
नामक एक नई पाठ फ़ाइल बनाएँ userContent.css

अब उस नई फाइल को टेक्स्ट एडिटर (जैसे विंडोज नोटपैड) में खोलें।

अब आप कुछ वेब साइटों के लिए शैलियों को ओवरराइड करने के लिए सीएसएस का उपयोग कर सकते हैं, उदाहरण के लिए इस वेबसाइट पर सभी मुख्य फोंट को बदलने के लिए सीरी शैली का उपयोग करें:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

या StackOverflow पर सभी लिंक बदलने के लिए ताकि वे एक इटैलिक, एरियल फ़ॉन्ट में हों:

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

उन सीएसएस लाइनों को तोड़ते हुए, वे बनते हैं: @-moz-document domain(superuser.com)यह उस लाइन का हिस्सा है जो यह निर्दिष्ट करती है कि आप किस वेबसाइट पर नया नियम लागू करना चाहते हैं, बस "superuser.com" को उस वेबसाइट से बदल दें जिसे आप बदलना चाहते हैं। html, p, li, h1HTML तत्वों की एक सूची है, जिसे आप उस पृष्ठ पर पुनः स्थापित करना चाहते हैं। font-family : serif !important;नया सीएसएस स्टाइलिंग नियम है जिसे आप एचटीएमएल में लागू करना चाहते हैं, !importantइस साइट में सीएसएस का कारण है कि साइट की अपनी स्टाइलशीट में सीएसएस को ओवरराइड करना।

तो आपके usercontent.css फ़ाइल में होगा:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

अब उस फाइल को सेव करें और फ़ायरफ़ॉक्स को रिस्टार्ट करें और आपको यह देखना चाहिए कि टेक्स्ट अब उस तरह से स्टाइल किया गया है जैसा आप चाहते हैं।

— GAThrawn
स्रोत

1

इस उत्तर को मेरी प्राथमिकता मिलती है, प्रोफ़ाइल निर्देशिका में कॉन्फ़िगर करना संस्करण के लिए आसान है और फ़ायरफ़ॉक्स के विस्तार में किसी भी समय समर्थन नहीं करने पर सक्षम करने में विफल होने की संभावना कम होती है।

— एड नेविल

0

https://superuser.com/a/532623/460302 ऊपर सबसे अच्छा जवाब है जो मैंने StackExchange में पाया है, लेकिन मैं स्टाइलशीट्स में कक्षाओं के बारे में विस्तार से जोड़ना चाहूंगा ( https://ffeathers.wordpress.com/2013 से लिया गया है) / 03/10 / कैसे-ओवर-ओवर-सीएसएस-स्टाइलशीट्स-इन-फ़ायरफ़ॉक्स ):

उपरोक्त एकल-पंक्ति सिंटैक्स के अलावा, आप userContent.cssनिम्न की तरह एक बहु-पंक्ति प्रविष्टि में शामिल हो सकते हैं :

@-moz-document domain(jsbin.com){ 

#bin .editbox .CodeMirror pre,
.mobile .editbox textarea {
  font-family: Menlo, Monaco, consolas, monospace !important;
}
}

यह वास्तव में jsbin की स्टाइल शीट (jsbin v4.1.0 से style.css) का एक संशोधित खंड है जो "स्रोत कोड प्रो" फ़ॉन्ट के jsbin के उपयोग को अक्षम करता है।

— कोड-पढ़ें
स्रोत