質問: ### 前提・実現したいこと VSCodeで半角をconsolas、全角をMeiryo、かつ等幅(2:1)で表示したい ### 環境 Windows7proSP1 (レジストリにキーを追加してconsolasとMeiryoをfontlinkさせています) vscode v1.23.1 fontの設定は以下の通りデフォルトのまま "editor.fontFamily": "Consolas, 'Courier New', monospace" ### 発生している問題 半角consolasの2文字:全角Meiryoの1文字の等幅で表示されない。 (正確には半角consolas11文字:全角Meiryo6文字で表示されている) サクラエディタでは半角consolas2:全角Meiryo1で表示される。 [参考] ![VSCODE](https://teratail.storage.googleapis.com/uploads/contributed_images/436d61771a898a56af27391c164a0d68.png) ![サクラエディタ](https://teratail.storage.googleapis.com/uploads/contributed_images/ec7f4e00c28397e321138acd39fd6315.png) ### 試したこと fontについていろいろ調査した結果、consolasとMeiryoで半角の幅が違う、というのがわかりました。 ただ、サクラエディタでは正しく2:1で表示されているのにもかかわらず、vscodeで表示されない理由がわかりません。 配色テーマによってずれる場合があるとの記述を見つけましたが、テーマ変更でも2:1の表示にはなりませんでした。 対応方法をご存じの方がいらっしゃいましたら、ご教示の程宜しくお願い致します。
回答: > > ただ、サクラエディタでは正しく2:1で表示されているのにもかかわらず、vscodeで表示されない理由がわかりません。 > > > 対策方法ではありませんが、参考までにこんな記事を見つけました。 開発者に聞く、Google Chromeが目指すもの 2018年現在のバージョンでも当てはまるかどうかはわかりませんが、 Chromeのフォントレンダラは高速化の為に独自実装されていて、 フォントリンクの影響は受けないそうです。 それどころか一般的なWindowsアプリとフォント関係の挙動が全く異なる可能性があります。 VSCodeもElectron系のテキストエディタなので、 このChromeの仕様そのままなのでは?と思います。 Consolasが通常のmonospaceフォントより横長で、日本語が等幅のフォントと合わないのが問題っぽいので、 (サクラエディタのスクショのメイリオはかなり横長になっている様に見える) 代替案としてConsolasのデザインに影響を受けているInconsolataではダメでしょうか? `"editor.fontFamily": "'Inconsolata', 'メイリオ'"` !Inconsolata+Meiryo