Zenn
🍣

フォントが古いのでダークテーマだと文字まで暗くなって読めなかった話

2021/05/15に公開
font
Visual Studio Code
tech

サマリ

  • VS Codeでダークテーマを使用していた。
  • あるときから文字まで黒く表示されるようになった。
  • テーマの設定や色に関する設定をデフォルトに戻しても発生した。
  • 原因はインストールしていたフォントで、この現象はissueがでてた件だった。
  • フォントをバージョンアップしたら解消した。

環境

  • PC: MacBook Pro (Retina, 13-inch, Early 2015)
  • OS: macOS Big Sur 11.3
  • Visual Studio Code 1.56.2 ※1
  • 使用フォント: Source Han Code JP 2018年4月頃にリリースされたもの。たぶん、2.011。これを2.012にしました。※2

※1 現象が起きていたのはもっと前から（数ヶ月どころか1年ぐらい前からかも。ずっと放置していた）
※2 もともとインストールしていたフォントのバージョンはファイルの最終更新日時から推測

起きていたこと

図の通り、ダークテーマ（特定のではなく確認した限りは全部）にすると、真っ暗。

起きていたことが左側でVS Codeの設定が右側

図右側の設定部分にあるとおりフォントはSource Han Code JPを使っていた。

暫定対処

ダークテーマを使わない。まあそれで特に困りはしなかったので、めっちゃ放置していた。

原因をさぐるためにやったこと

唐突に対処したくなり、VS Codeでcolorとかthemeとかついている設定項目を片っ端からデフォルトに戻してダークテーマを設定してみた。→変わらなかった。

ふと目についたフォントの設定項目から、Source Han Code JPを消した。→ダークテーマでは期待通りの白文字に。

フォントに原因がある？

Source Han Code JPを見ると、新しいものがリリースされている。

対処

フォントを再インストール（一度既存のフォントを削除してからインストール）した。

手順はSource Han Code JPにかかれている通り。Requirementsにかかれている通り、インストールにはAdobe Font Development Kit for OpenType (AFDKO)も必要なのでご注意を。

おわりに

またダークテーマを使えるようになって、プチストレス解消。
フォントは文字の形には関係しても色には関係ないと思っていましたが、そんなことはなかったという発見があってよかったです。
フォントもアップデートいるんだとわかり、githubでReleaseの通知を受けるようにしました。
あと、fontのリリースノートをみていると実は今回起きていた現象はissueが出ていた件であり、アップデート版はこのissueへの対応版だったことがわかりました。

Discussion