如何在 JupyterLab 代码单元和代码编辑器中更改 Python 注释字体样式？答案

【问题标题】：How to change Python comment font style in JupyterLab code cells and code editor?如何在 JupyterLab 代码单元和代码编辑器中更改 Python 注释字体样式？
【发布时间】：2021-12-09 15:59:56
【问题描述】：

关于如何更改所有内容的字体系列有很多答案。但是，我想进行特定于语法的更改，例如，将 Python 注释字体样式从斜体更改为正常。有人可以帮我吗？谢谢！

在 VS Code 中做同样的事情也有类似的问题。 How to change Python comment font style in the latest VS Code?

【问题讨论】：

标签： python css jupyter jupyter-lab

【解决方案1】：

对于 JupyterLab 3.x，您可以安装 jupyterlab-fonts 并将其配置为在 Advanced Settings Editor 中将标记的字体与 cm-comment 类交换 → Fonts：

{
  "styles": {
    ".CodeMirror-line span.cm-comment": {
      "fontFamily": "Consolas",
      "fontStyle": "normal"
    }
  }
}

您也可以：

编写一个非常简单的 JupyterLab 扩展，提供与上述等效的单行 CSS
在jupyterlab-fonts/issues 上提出功能请求，如果您愿意，可以从 GUI 中提出每个令牌的自定义（甚至更好，贡献）。

【讨论】：

非常感谢！我当然会在家里的电脑上试用 jupyterlab-fonts。但我可能无法在运行 JupyterLab 1.2.6 的工作计算机上使用它，并且由于管理原因缺乏自定义灵活性。你能解释更多关于编写一个简单的扩展吗？我可以这样做只更改 .jupyter 文件夹中的内容吗？
在 JupyterLab 3.x 上，您可以创建一个预构建的扩展，您可以使用 pip（本地）安装它，但它仅在 3.0 中引入，因此 JupyterLab 1.x 不支持（它会需要安装 Node.js 并重建实验室，这可能意味着您也不能这样做）。所以前进的方向是推动管理员升级（我们不再积极支持 1.x，最近的安全修复是例外）。
有一个 extension tutorial 和 extension developer guide 但如果你想做一个纯 CSS 扩展（这不是一个成熟的主题）我会使用 JavasSript （而不是默认的 TypeScript ) cookiecutter: github.com/jupyterlab/extension-cookiecutter-js 设置好之后，您唯一需要更改的是在 style/base.css 文件（已经存在）中添加样式。
非常感谢！ :)