Ganti font di firefox hanya pada situs web tertentu, dan hanya font tertentu

9

Apakah ada cara untuk mengganti font situs web, tetapi hanya pada situs web tertentu? Saya mengetahui opsi di bawah konten, tetapi itu berlaku untuk semua situs web, dan hanya situs web tertentu yang memberi saya masalah, dan kadang-kadang hanya font tertentu yang membuat saya kesulitan juga.

firefox fonts

— Avery3R
sumber

Masalah apa?

— Karan

Font dirancang untuk anti-aliasing; Saya menggunakan monitor CRT. Dengan AA di atasnya tampak seperti omong kosong, dengan AA mati itu tampak seperti omong kosong.

— Avery3R

Saya pikir satu-satunya cara untuk melakukan sesuatu seperti ini mungkin dengan menulis skrip pengguna khusus .

— Karan

Terkait (melibatkan file yang sama, userContent.css): Bagaimana cara mengubah warna tautan di Firefox dan Chrome, tetapi membiarkan semua warna dan font lain seperti apa adanya?

— Peter Mortensen

6

Tergantung pada jumlah halaman, Gaya mungkin menjadi pilihan. Anda membuat file css sederhana, tempat Anda mendefinisikan ulang font.

Setelah itu Anda memilih url gaya yang harus diterapkan.

Tidak perlu pengetahuan css yang bagus, Anda bisa bertahan font-family: whatever;.

— mreq
sumber

Ini harus menjadi jawaban yang diterima ^^ Sederhana dan pecahkan kebutuhan!

— Nam G VU

4

Anda dapat membuat Lembar Gaya Pengguna untuk melakukan ini. Lembar gaya pengguna memungkinkan Anda mengganti gaya CSS situs dan menggantinya dengan milik Anda.

Pertama Anda perlu menemukan folder profil Firefox Anda dan membuat file CSS, lakukan ini dengan:

Klik menu Firefox (di sudut kiri atas jendela Firefox)
Pilih Bantuan -> Informasi Pemecahan Masalah
Di bagian Dasar Aplikasi, klik tombol Show Folderatau Edit Folderpada baris Folder Profil.
Di folder yang dibuka masuk ke chromefolder, atau (jika tidak ada) buat folder baru dengan nama chrome.
Buat file teks baru yang disebut userContent.css

Sekarang buka file baru itu di editor teks (seperti Windows Notepad).

Anda sekarang dapat menggunakan CSS untuk mengganti gaya untuk situs web tertentu, misalnya untuk mengubah semua font utama di situs web ini untuk menggunakan penggunaan gaya Serif:

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

Atau untuk mengubah semua tautan di StackOverflow sehingga huruf miring, huruf Arial:

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

Memecah garis-garis CSS itu, terdiri dari: @-moz-document domain(superuser.com)ini adalah bagian dari baris yang menentukan situs web mana yang Anda inginkan untuk menerapkan aturan baru, cukup ganti "superuser.com" dengan situs web yang ingin Anda ubah. html, p, li, h1adalah daftar elemen HTML yang ingin Anda ubah gayanya di halaman itu. font-family : serif !important;adalah aturan gaya CSS baru yang ingin Anda terapkan ke HTML, !importantarahan menyebabkan CSS dalam file ini untuk menimpa CSS di stylesheet situs sendiri.

Jadi file usercontent.css Anda akan mengandung:

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

Sekarang simpan file itu dan restart Firefox dan Anda akan melihat bahwa teks sekarang ditata seperti yang Anda inginkan.

— GATambar
sumber

1

Jawaban ini mendapatkan preferensi saya, konfigurasi dalam direktori profil mudah untuk versi dan memiliki sedikit kemungkinan gagal untuk mengaktifkan ketika firefox tidak mendukung ekstensi lagi.

— Ed Neville

0

https://superuser.com/a/532623/460302 di atas adalah jawaban terbaik yang saya temukan di StackExchange, tapi saya ingin menambahkan detail mengenai kelas dalam stylesheet (berasal dari https://ffeathers.wordpress.com/2013 / 03/10 / how-to-override-css-stylesheets-in-firefox ):

Selain sintaks baris tunggal di atas, Anda dapat memasukkan userContent.cssentri multisaluran seperti berikut:

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

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

Ini sebenarnya adalah bagian yang dimodifikasi dari salah satu style sheet jsbin (dari jsbin v4.1.0 style.css) yang menonaktifkan penggunaan font "Source Code Pro" oleh jsbin.

— KODE-REaD
sumber