VSCode – 特定のイタリックフォントを無効にする
テーマによって各スコープ(コメント/変数名/HTMLタグ)のフォントスタイルや色、などを設定されていると思いますが、このスタイリング設定を上書き変更することもできます。下記のコードをsettings.json
に記述することで特定のスコープのフォントを変更することができます。
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
],
"settings": {
"fontStyle": "",
}
}
]
},
ただ、変更したいイタリックフォントのスコープ名がわからないと修正ができません。そのスコープ名を調べるには調べたいタグや変数にカーソルを合わせた状態でCtrl + Shift + P
でInspect Editor Tokens and Scopes
とEnterすることでトークン情報が閲覧できます。
画像のように<meta>
タグのみのフォントスタイルを設定したい場合は"scope"
に"meta.tag.metadata.meta.void.html"
と追加します。もしタグ全般を変更したかったら"scope"
に"entity.name.tag"
と追記してあげるだけです。
イタリックを通常フォントに戻したい場合は"fontStyle": ""
と設定すればOKです。