☰

如何在 Firefox 中覆蓋網站字體？

tag-icon • tag-icon firefox fonts
如何在 Firefox 中覆蓋網站字體？

考慮網站在 HTML 文件中硬編碼字體名稱的場景：

<font face="Courier">Hello!</font>

問題：您可以配置您的系統或像 Firefox 這樣的應用程式來使用另一種字體而不是指定的醜陋字體嗎？

答案1

您可以在 Firefox 中使用您選擇的字體覆蓋任何網站。

  • 開啟“工具”->“選項”選單。
  • 選擇“內容”標籤。
  • 按一下“字體和顏色”部分中的“進階”按鈕。
  • 為每種編碼類型指定您想要的字體。
  • 取消選取標有「允許頁面選擇自己的字體...」的複選框。

在此輸入影像描述

答案2

你用Linux嗎？對於您的使用者的系統範圍字體替換配置，您可以使用像我一樣的 ~/.fonts.conf （這是使用 Liberation 字體而不是 Time & Arial）。也可以看看man fonts-conf

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>


        <!-- Reject bitmap fonts in favour of Truetype, Postscript, etc. -->
        <selectfont>
                <rejectfont>
                        <pattern>
                                <patelt name="scalable"><bool>false</bool></patelt>
                        </pattern>
                </rejectfont>
        </selectfont>

        <!-- Liberation fonts -->

        <alias>
                <family>Times</family>
                <prefer><family>Liberation Serif</family></prefer>
        </alias>
        <alias>
                <family>Times New Roman</family>
                <prefer><family>Liberation Serif</family></prefer>
        </alias>
        <alias>
                <family>Tahoma</family>
                <prefer><family>Liberation Sans</family></prefer>
        </alias>
        <alias>
                <family>Lucida Grande</family>
                <prefer><family>Liberation Sans</family></prefer>
        </alias>
        <alias>
                <family>Arial</family>
                <prefer><family>Liberation Sans</family></prefer>
        </alias>
        <alias>
                <family>Verdana</family>
                <prefer><family>Liberation Sans</family></prefer>
        </alias>
        <alias>
                <family>Courier</family>
                <prefer><family>Liberation Mono</family></prefer>
        </alias>
</fontconfig>

答案3

查看時髦的，Firefox 的附加元件：

時尚可以輕鬆管理使用者風格。使用者樣式可讓您修復醜陋的網站、自訂瀏覽器或郵件用戶端的外觀，或只是享受樂趣，從而增強您的瀏覽體驗。

答案4

建立使用者樣式表像這樣的行：

字體 { 字體系列：Verdana、Geneva、sans-serif！

這只會影響font標籤，而不會影響任何使用 css 樣式的文字 - 或您希望使用 Courier 的文本，例如<code>或<pre>標籤內的文字。

您也可以新增「font-size: 100%; color: black」等來進一步控製文字。

相關內容