More than 1 year has passed since last update.

CSS で等幅フォントファミリーを指定しているのに等幅で表示されない

Posted at 2022-01-12

結論

等幅フォント名を総称ファミリーとあわせて指定する必要がある。

以下のような総称ファミリー指定のみの場合は、代替フォントが望ましいものにならないことがある。

font-family: monospace;

VSCode(Windows) の指定は下記となっている。

font-family: 'Courier New', Consolas, monospace;

VSCode(Mac) の指定は下記となっている。

font-family: Menlo, Monaco, 'Courier New', monospace;