VSCode 1.39以降でUIフォントがYu Gothic UIに変わってしまったのをメイリオに戻す

VS Code ( Visual Studio Code ) 派でいつも愛用しているのですが、いつものように VS Code を起動したら

「UI フォントが Yu Gothic UI になっていた」

Yu Gothic UI が(見づらいし汚いし)死ぬほど嫌いで Windows10 の UI フォントも Meiryo UI に変えてしまっているような人なので、ここは意地でも戻します…

ちなみに Windows7 環境だと(Yu Gothic UI が入っていないので)Meiryo UI になるらしいです。
Meiryo UI なら許容しますがやっぱりメイリオがいいですね…

※追記:いつのまにか 1.39.0 から 1.39.1 にバージョンが上がっていました…わずか1日でやり直しです…
面倒であれば自動アップデートを無効にしておいたほうがいいかもしれません…

前提

ちょっと困惑される方もいるかもしれません(私も若干困惑しました)が、VS Code は Electron を使った HTML・CSS・Node.js で構築された Web ベースのアプリです。
そのため、ほぼ全ての UI がHTML・CSSで構築されています(だから定義してあるCSSを書き換えればフォントも変更できる)
ただ、恐らく新しいバージョンが出る度にこの作業をやる事になるはずなので、どうにか出来ないかなあとも…

やり方

C:/(VSCodeをインストールしたフォルダ)/resources/app/out/vs/workbench/workbench.desktop.main.css を(それこそ VSCode とかで)開きます。

Web 界隈の方であれば一度は見たことのあるであろう余計な改行やスペースが圧縮された CSS ファイルですが、VSCode であれば [編集]→[置換]より、上のテキストボックスに「Yu Gothic UI」、下のテキストボックスに「メイリオ」と入力し、[すべて置換]ボタンで置換します。

その後、Ctrl + S か普通に [ファイル]→[保存] で保存し、VS Code を一旦閉じてもう一度開きます。

その後

こんな感じで UI フォントが前までのメイリオに戻っていれば成功です。

「Code インストールが壊れている可能性があります。再インストールしてください。」と出ますが、無視して右上の設定アイコンから「再度表示しない」をクリックすると、それ以降は出なくなります。

また、タイトルが「Visual Studio Code [サポート対象外]」となります(変更加えたらサポートしないよ、とかそういうのでしょうか)
できれば本体のファイルに変更を加えずにどうにか出来る方法があればいいのですが…(誰か強い方教えてください)

この他、前述したように VS Code が更新されるたびにこの手順を行う必要があります(だるい)

コメント