☰

如何在 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 的一个附加组件：

Stylish 可让您轻松管理用户风格。用户风格可让您修复丑陋的网站、自定义浏览器或邮件客户端的外观，或只是享受乐趣，从而提升您的浏览体验。

答案4

创建用户样式表像这样的一行：

字体 { font-family: Verdana, Geneva, sans-serif !important }

这只会影响font标签，而不会影响任何使用 css 样式的文本 - 或者您希望使用 Courier 的文本（例如<code>或<pre>标签内的文本）。

您还可以添加“ font-size: 100%; color: black”等来进一步控制文本。

相关内容