LoginSignup
3
3

More than 3 years have passed since last update.

Jupyter NotebookのフォントをCSSからカスタマイズする

Last updated at Posted at 2019-12-29

はじめに

Windows 環境ではデフォルトでコードのフォントがMSゴシックになるのが嫌だったので変えてみたメモ。

方法

C:\Users\ユーザー名\.jupyter\custom

の中にある custom.css ファイルの中身を書き換えて、font-family を指定するだけ。
以下は例。

/* 左の In [1]: とかの部分 */
.prompt {
    font-family: "Ricty Diminished";
}
/* コードの入力エリア */
.CodeMirror {
    font-family: "Ricty Diminished";
}
/* 結果の出力エリア */
code, kbd, pre, samp {
    font-family: "Ricty Diminished";
}

ここではフォントを Ricty Diminished にしているが、使うには別途 Windows にインストールが必要。
クラス名は、Jupyter Notebook をブラウザで開き開発ツールを表示( Ctrl + Shift + i )させて愚直に探しただけなので、他のエリアのフォントを変えるときは同じように探せばいいと思う。

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3