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

結論

.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行だけを加えた。

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

参考文献

1. CSS で font-family: monospace 指定だと等幅フォントが適用されない？
2. [CSS]等幅フォントにするためのおすすめのfont-family指定