Chrome環境のNode-REDでfunctionノードのカーソル位置がずれる


現象

Chrome環境のNode-REDで、function処理ノードのEditorのカーソルがズレまくって嫌になる。

原因

Chromeの固定幅フォントがOsakaになってる。

解決方法

Chromeのフォント設定で固定幅フォントをMonacoにする。
※ 別にMonacoでなくても良いけど、参考サイトにあったので採用しました。他に良いフォントがあったら教えてください。

参考

調査

以下のSlideShareでも同様の現象が報告されてた。
PaaS ×iot! node red勉強会質問箱

質問: function のエディタのカーソル位置がずれまくるんだけど仕様ですか? →だいたいは普通な感じ。ブラウザ依存?Firefox は大丈夫、Chrome だと発生する。 カーソルを使って移動してはいけないという仕様(違う) →https://github.com/node-red/node-red/issues/718

FirefoxだとOsaka-Monoでしたが、ChromeにはOsaka-Monoがありませんでした。