python - Jupyter Lab のカスタム スタイル

Question

次の行を使用して、マークダウン セルのスタイルを変更します。

from IPython.core.display import HTML
with open( './custom.css', 'r' ) as f: style = f.read()
HTML( style )

ファイルcustom.cssには行が含まれています

<style>
   div.text_cell_render {font-family: "Times New Roman", Times, serif;}
</style>

これは で期待どおりに機能しjupyter-notebookます (マークダウンのデフォルトのフォントが変更されます) が、 では効果がありませんjupyter-lab。

どうすればいいですか？

Answer 1

JupyterLab は、jupyter-notebook とは異なる CSS クラスのセットを使用します。

jp-MarkdownOutputクラスを使用するマークダウンセルをターゲットにするには、次のようにします。

<style>
   div.jp-MarkdownOutput {font-family: "Times New Roman", Times, serif;}
</style>

JupyterLab の CSS の詳細については、 ドキュメントを参照してください。