如何在 Firefox 中阻止或替换某种字体？

Question

我在 Windows XP PC 上安装了 Helvetica，这对于设计来说非常有用，但 Helvetica 在 PC 上的浏览​​器中显示时看起来很糟糕。

例如，我访问一个具有以下样式的网站：

font-family: Helvetica, Arial, sans-serif;

选择 Helvetica，因为它安装在我的系统上。

我可以强制 Firefox 假装 Helvetica 未安装在我的系统上，并使用 Arial 渲染这些页面吗？

Answer 1

以下说明不需要任何插件或附加组件，这是一个额外的好处。

1. 找到您的 配置文件文件夹。
2. 导航到子文件夹“chrome”。 如果不存在，则创建它。
3. 现在在该文件夹中创建一个名为“userContent.css”的空文件。
4. 在文本编辑器中打开该文件，然后添加以下文本（全部在一行上）： @font-face { font-family: 'Helvetica'; src: local('Arial'); }
5. 保存该文件并重新启动 Firefox。

只是关于第四步的注释。 您可能需要替换多种字体，因此您应该复制并粘贴该行，但替换每种字体。 例如，我需要这个： @font-face { font-family: 'helvetica neue'; src: local('Arial'); }。

Answer 2

有一天，我发现一个使用 Comic Sans 的网站，我决定用 Verdana 替换它。 我做了一些谷歌搜索，发现了这个 Greasemonkey 脚本，它可以从您访问的任何网站中删除 Comic Sans。 我重写了该脚本以用 Arial 替换 Helvetica

var tags = document.getElementsByTagName('*');
for (var i in tags) {
    var style = getComputedStyle(tags[i], '');
    if (style.fontFamily.match(/helvetica/i)) {
        var fonts = style.fontFamily.split(',');
        for (var j in fonts) {
            if (fonts[j].match(/helvetica/i)) {
                fonts[j] = 'arial';
            }
        }
        tags[i].style.fontFamily = fonts.join(',');
    }
}

Answer 3

我认为 User CSS/User Styles 可以帮助您强制浏览器覆盖页面样式。

教程到 帮助