More than 3 years have passed since last update.

VSCodeでipynbファイルをHTML出力した時に等幅フォントにならない時の対処法

Posted at 2022-01-02

結論

.CodeMirror pre の CSS に font-family: "Courier New", Consolas, monospace; を加える。

コピペ用

.CodeMirror pre {
  padding: 0 var(--jp-code-padding);
  font-family: "Courier New", Consolas, monospace;  /* add this line */
}

VSCode で ipynb ファイルを HTML 形式で Export すると、次の写真のように等幅フォントになってないことがある。

出力された HTML ファイルに、次の写真における11947行目に当たる部分の1行だけを加えた。

すると、次の写真のように解消することができた。