VSCode – 特定のイタリックフォントを無効にする

テーマによって各スコープ(コメント/変数名/HTMLタグ)のフォントスタイルや色、などを設定されていると思いますが、このスタイリング設定を上書き変更することもできます。下記のコードをsettings.jsonに記述することで特定のスコープのフォントを変更することができます。

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "comment",
            ],
            "settings": {
                "fontStyle": "",
            }
        }   
    ]
},

ただ、変更したいイタリックフォントのスコープ名がわからないと修正ができません。そのスコープ名を調べるには調べたいタグや変数にカーソルを合わせた状態でCtrl + Shift + PInspect Editor Tokens and ScopesとEnterすることでトークン情報が閲覧できます。

画像のように<meta>タグのみのフォントスタイルを設定したい場合は"scope""meta.tag.metadata.meta.void.html"と追加します。もしタグ全般を変更したかったら"scope""entity.name.tag"と追記してあげるだけです。

イタリックを通常フォントに戻したい場合は"fontStyle": ""と設定すればOKです。