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

現象

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

原因

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

解決方法

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

参考

• Chromeの等幅フォントがOsakaになってる件 - Webtech Walker
• Chrome 56 でデフォルトのフォントがMS Pゴシックからメイリオに変更 – What I Know ～ワッタイナ

調査

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

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

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