ফায়ারফক্সে ফন্টগুলি কেবলমাত্র নির্দিষ্ট কয়েকটি ওয়েবসাইটে এবং কেবলমাত্র কয়েকটি নির্দিষ্ট ফন্টে প্রতিস্থাপন করুন


9

কোনও ওয়েবসাইটের ফন্টগুলি প্রতিস্থাপনের কোনও উপায় আছে তবে কেবলমাত্র নির্দিষ্ট ওয়েবসাইটে? আমি সামগ্রীর অধীনে বিকল্পটি সম্পর্কে সচেতন, তবে এটি সমস্ত ওয়েবসাইটে প্রযোজ্য এবং কেবলমাত্র নির্দিষ্ট ওয়েবসাইটগুলি আমাকে সমস্যা দিচ্ছে, এবং কখনও কখনও এটি কেবল নির্দিষ্ট ফন্টই আমাকে ঝামেলাও দেয়।


কি ধরণের ঝামেলা?
করণ

হরফগুলি অ্যান্টি-এলিয়জিংয়ের জন্য ডিজাইন করা হয়েছে; আমি একটি সিআরটি মনিটর ব্যবহার করি। এটির সাথে এএর সাথে ক্রেপের মতো দেখতে, এএ অফ করার সাথে এটি খাঁজর মতো দেখাচ্ছে।
অ্যাভেরি

আমি মনে করি এরকম কিছু করার একমাত্র উপায় হতে পারে কাস্টম ব্যবহারকারীদের স্ক্রিপ্টগুলি লেখা
করণ

উত্তর:


6

পৃষ্ঠাগুলির সংখ্যার উপর নির্ভর করে স্টাইলিশ একটি বিকল্প হতে পারে। আপনি একটি সহজ সিএসএস ফাইল তৈরি করেন, যেখানে আপনি ফন্টগুলি পুনরায় সংজ্ঞায়িত করেন।

এর পরে আপনি ইউআরএলগুলি নির্বাচন করেন স্টাইলটি প্রয়োগ করা উচিত।

কোনও মহান সিএসএস জ্ঞান প্রয়োজন নেই, আপনি আটকে থাকতে পারেন font-family: whatever;


এটি গ্রহণযোগ্য উত্তর হওয়া উচিত ^^ সহজ এবং প্রয়োজনীয়তার সমাধান করুন!
নাম জি ভিউ

4

এটি করার জন্য আপনি একটি ব্যবহারকারী স্টাইল শীট তৈরি করতে পারেন। ব্যবহারকারীর স্টাইল শিটগুলি আপনাকে কোনও সাইটের সিএসএস স্টাইলকে ওভাররাইড করার অনুমতি দেয় এবং এগুলি আপনার নিজের সাথে প্রতিস্থাপন করে।

প্রথমে আপনাকে আপনার ফায়ারফক্সের প্রোফাইল ফোল্ডারটি খুঁজে বের করতে হবে এবং সিএসএস ফাইল তৈরি করতে হবে, এটি করে:

  • ফায়ারফক্স মেনুতে ক্লিক করুন (ফায়ারফক্স উইন্ডোর উপরের-বাম কোণে)
  • সহায়তা -> সমস্যা সমাধানের তথ্য নির্বাচন করুন
  • আবেদন বুনিয়াদি বিভাগে ক্লিক Show Folderবা Edit Folderপ্রোফাইল ফোল্ডার লাইনে বোতাম।
  • যে ফোল্ডারটি খোলা হয়েছে তাতে chromeফোল্ডারে যান বা (এটি উপস্থিত না থাকলে) নামে একটি নতুন ফোল্ডার তৈরি করুন chrome
  • নামে পরিচিত একটি নতুন পাঠ্য ফাইল তৈরি করুন 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;} }

এই সিএসএস লাইনগুলি ভেঙে এগুলি তৈরি করা হয়েছে: @-moz-document domain(superuser.com)এটি সেই লাইনের অংশ যা নির্দিষ্ট করে যে কোন ওয়েবসাইটটিতে আপনি নতুন নিয়ম প্রয়োগ করতে চান, কেবলমাত্র "সুপারইউসর ডটকম" প্রতিস্থাপন করতে চান এমন ওয়েবসাইটের সাথে প্রতিস্থাপন করুন। html, p, li, h1এই HTML টি উপাদানগুলির একটি তালিকা যা আপনি সেই পৃষ্ঠায় পুনরায় সাজতে চান। font-family : serif !important;আপনি এইচটিএমএলে প্রয়োগ করতে চান এমন নতুন সিএসএস স্টাইলিং বিধি, !importantনির্দেশনাটি এই ফাইলের সিএসএসকে সাইটের নিজস্ব স্টাইলশীটে সিএসএসকে ওভাররাইড করার কারণ করে।

সুতরাং আপনার ব্যবহারকারী কনটেন্ট সিএসএস ফাইলটিতে অন্তর্ভুক্ত থাকবে:

@-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;} }

এখন সেই ফাইলটি সংরক্ষণ করুন এবং ফায়ারফক্স পুনরায় চালু করুন এবং আপনার দেখা উচিত যে পাঠ্যটি এখন আপনার পছন্দ মতো স্টাইল করা হয়েছে।


1
এই উত্তরটি আমার অগ্রাধিকার পায়, প্রোফাইল ডিরেক্টরিতে কনফিগারেশনটি সংস্করণে সহজ এবং ফায়ারফক্স যখন আর কোনও এক্সটেনশন সমর্থন করে না তখন সক্ষম করতে ব্যর্থ হওয়ার সম্ভাবনা কম থাকে।
এড নেভিল

0

উপরের https://superuser.com/a/532623/460302 সর্বোপরি আমি স্ট্যাকএক্সচেঞ্জে সন্ধান পেয়েছি তবে স্টাইলশিটগুলির ক্লাস সম্পর্কে বিস্তারিত যুক্ত করতে চাই ( 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) যা জেসবিনের "উত্স কোড প্রো" ফন্টের ব্যবহারকে অক্ষম করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.