แทนที่แบบอักษรใน firefox ในบางเว็บไซต์เท่านั้นและบางแบบอักษรเท่านั้น

9

มีวิธีการแทนที่แบบอักษรของเว็บไซต์ แต่เฉพาะในบางเว็บไซต์หรือไม่ ฉันตระหนักถึงตัวเลือกภายใต้เนื้อหา แต่ใช้ได้กับทุกเว็บไซต์และมีบางเว็บไซต์เท่านั้นที่ทำให้ฉันมีปัญหาและบางครั้งก็เป็นเพียงแบบอักษรบางตัวเท่านั้นที่ทำให้ฉันมีปัญหาด้วย

firefox fonts

— Avery3R
แหล่งที่มา

มีปัญหาอะไร

— Karan

แบบอักษรถูกออกแบบมาสำหรับการต่อต้านนามแฝง ฉันใช้จอภาพ CRT ด้วย AA บนดูเหมือนว่าอึและปิด AA ดูเหมือนว่าอึ

— Avery3R

ผมคิดว่าวิธีเดียวที่จะทำอะไรเช่นนี้อาจจะมีการเขียนที่กำหนดเองuserscripts

— Karan

ที่เกี่ยวข้อง (เกี่ยวข้องกับไฟล์เดียวกันuserContent.css): ฉันจะเปลี่ยนสีลิงก์ใน Firefox และ Chrome ได้อย่างไร แต่จะคงสีและแบบอักษรอื่น ๆ ไว้เหมือนเดิม

— Peter Mortensen

6

สไตล์อาจเป็นตัวเลือกขึ้นอยู่กับจำนวนหน้า คุณสร้างไฟล์ css ง่ายๆที่คุณกำหนดฟอนต์อีกครั้ง

หลังจากนั้นคุณเลือก URL แล้วควรนำสไตล์ไปใช้

ไม่มีความรู้ CSS font-family: whatever;ที่ดีเป็นสิ่งจำเป็นที่คุณสามารถติดกับ

— mreq
แหล่งที่มา

นี่ควรเป็นคำตอบที่ได้รับการยอมรับ ^^ ง่ายและแก้ไขความต้องการ!

— Nam G VU

4

คุณสามารถสร้างสไตล์ชีตผู้ใช้เพื่อทำสิ่งนี้ สไตล์ชีทของผู้ใช้ช่วยให้คุณสามารถแทนที่สไตล์ CSS ของไซต์และแทนที่ด้วยสไตล์ของคุณเอง

ก่อนอื่นคุณต้องค้นหาโฟลเดอร์โปรไฟล์ของ Firefox และสร้างไฟล์ CSS ทำได้โดย:

คลิกเมนู Firefox (ที่มุมบนซ้ายของหน้าต่าง Firefox)
เลือกวิธีใช้ -> ข้อมูลการแก้ไขปัญหา
ในส่วนพื้นฐานของแอปพลิเคชันให้คลิกปุ่มShow FolderหรือEdit Folderบนบรรทัดโปรไฟล์โฟลเดอร์
ในโฟลเดอร์ที่เปิดอย่างใดอย่างหนึ่งไปลงในchromeโฟลเดอร์หรือ (ถ้ามันไม่ได้อยู่) chromeสร้างโฟลเดอร์ใหม่ที่ชื่อว่า
สร้างไฟล์ข้อความใหม่ที่เรียกว่า userContent.css

ตอนนี้เปิดไฟล์ใหม่นั้นใน text editor (เช่น Windows Notepad)

ตอนนี้คุณสามารถใช้ CSS เพื่อแทนที่สไตล์สำหรับบางเว็บไซต์ได้เช่นเปลี่ยนฟอนต์หลักทั้งหมดในเว็บไซต์นี้เพื่อใช้สไตล์ Serif:

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

หรือเปลี่ยนลิงค์ทั้งหมดใน StackOverflow เพื่อให้อยู่ในรูปแบบตัวเอียง Arial:

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

เมื่อทำการแบ่งบรรทัด CSS เหล่านั้นออกมาพวกเขาประกอบด้วย: @-moz-document domain(superuser.com)นี่เป็นส่วนหนึ่งของบรรทัดที่ระบุว่าคุณต้องการใช้กฎใหม่กับเว็บไซต์ใดเพียงแทนที่ "superuser.com" ด้วยเว็บไซต์ที่คุณต้องการเปลี่ยน html, p, li, h1เป็นรายการองค์ประกอบ HTML ที่คุณต้องการ restyle ในหน้านั้น font-family : serif !important;เป็นกฎ CSS สไตล์ใหม่ที่คุณต้องการนำไปใช้กับ HTML !importantคำสั่งทำให้ CSS ในไฟล์นี้แทนที่ CSS ในสไตล์ชีทของเว็บไซต์

ดังนั้นไฟล์ 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;} }

ตอนนี้ให้บันทึกไฟล์นั้นและเริ่ม Firefox ใหม่และคุณจะเห็นว่าข้อความได้รับการจัดสไตล์ตามที่คุณต้องการ

— GAThrawn
แหล่งที่มา

1

คำตอบนี้ทำให้ฉันได้รับความพึงพอใจการกำหนดค่าในไดเรกทอรีโปรไฟล์นั้นง่ายต่อการเป็นเวอร์ชั่นและมีโอกาสน้อยที่จะล้มเหลวในการเปิดใช้งานเมื่อ firefox ไม่สนับสนุนส่วนขยายอีกต่อไป

— Ed Neville

0

https://superuser.com/a/532623/460302ด้านบนเป็นคำตอบที่ดีที่สุดที่ฉันพบใน StackExchange แต่ฉันต้องการเพิ่มรายละเอียดเกี่ยวกับคลาสในสไตล์ชีท (มาจากhttps://ffeathers.wordpress.com/2013 / 03/10 / How-to-override-css-stylesheets-in-firefox ):

นอกเหนือจากไวยากรณ์บรรทัดเดียวด้านบนคุณอาจรวมอยู่ใน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) ซึ่งปิดใช้งานการใช้ฟอนต์ "Source Code Pro" ของ jsbin

— รหัสอ่าน
แหล่งที่มา