Question

我想在Firefox Reader View样式中包含我选择的字体。

请让我知道Firefox是使用本地CSS文件进行样式设置还是位于其他位置？

此外，Firefox用于Reader View的CSS文件名是什么，我如何进行编辑。

预先感谢！

Answer 1

您可以在路径下找到“ Firefox阅读器视图”的CSS文件 cd /home/$USER/.mozilla/firefox/<PROFILE_FOLDER>/chrome/userContent.css 仅在您已经设置好之后：

在Firefox URL搜索栏中输入about:support。
通过选择Show Folder打开您的配置文件文件夹。
在您的个人资料文件夹中创建一个名为chrome的新文件夹。
导航到chrome并创建一个名为userContent.css的新纯文本文件
根据您的CSS偏好设置编辑userContent.css。

在我看来，它如下所示：

cd /home/$USER/.mozilla/firefox/<PROFILE_FOLDER>/
mkdir chrome
cd ./chrome
touch userContent.css

CSS示例：

@-moz-document url-prefix("about:reader") {
  body.dark {
    color: salmon !important;
    background-color: black !important;
  }
  body.light {
    color: #222 !important;
    background-color: #EEE !important;
  }
  body.sepia {
    color: #5B4636 !important;
    background-color: #F4ECD8 !important;
  }

  body.serif {
    font-family: serif !important;
  }
  body.sans-serif {
    font-family: sans-serif !important;
  }
}

有关更多说明，请参见this Reference。

Answer 2

您不需要添加或更改 .css，请按照以下步骤操作：

在地址栏中，输入about:config，然后点击按钮接受风险。
在搜索框中，输入或粘贴新的首选项名称：pdfjs.viewerCssTheme
双击以编辑深色主题的值并将其设置为 2，然后单击蓝色复选标记按钮以保存更改。（0 = 默认，1 = 光）。

如何编辑Firefox Reader View的CSS /样式

2 个答案: