☰

僅在某些網站上取代 Firefox 中的字體，並且僅取代某些字體

tag-icon • tag-icon firefox fonts
僅在某些網站上取代 Firefox 中的字體，並且僅取代某些字體

有沒有辦法替換網站的字體，但僅限於某些網站？我知道內容下的選項，但這適用於所有網站，只有某些網站給我帶來麻煩，有時只有某些字體給我帶來麻煩。

答案1

根據頁數，時髦的可能是個選擇。您建立一個簡單的 css 文件，在其中重新定義字體。

然後，您選擇應套用樣式的網址。

不需要豐富的 CSS 知識，您可以堅持使用font-family: whatever;.

答案2

您可以建立一個使用者樣式表來執行此操作。使用者樣式表可讓您覆蓋網站的 CSS 樣式並將其替換為您自己的樣式。

首先，您需要找到 Firefox 的設定檔資料夾並建立 CSS 文件，方法是：

  • 點選 Firefox 選單（位於 Firefox 視窗的左上角）
  • 選擇幫助 -> 故障排除訊息
  • 在「應用程式基礎」部分中，按一下「設定檔資料夾」行上的Show Folder或按鈕。Edit Folder
  • 在開啟的資料夾中，進入該chrome資料夾，或（如果不存在）建立一個名為 的新資料夾chrome。
  • 建立一個名為的新文字文件userContent.css

現在在文字編輯器（如 Windows 記事本）中開啟該新檔案。

現在您可以使用 CSS 覆蓋某些網站的樣式，例如更改該網站上的所有主要字體以使用襯線樣式：

@-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 元素的清單。font-family : serif !important;是要套用於 HTML 的新 CSS 樣式規則，該!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，您應該會看到文字的樣式現在已按照您想要的方式設定。

答案3

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）的修改部分，它會停用 jsbin 使用「Source Code Pro」字體。

相關內容