Skip to main content
ツイート済み twitter.com/jaStackOverflow/status/1368531901116518407
タグを編集
リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

VSCodeのエディタで太字があると文字 のフォント設定によって太文字がずれる場合がある

本文に 330 文字追加
ソース リンク
anlovean
  • 189
  • 1
  • 3
  • 12

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

追記1
OSはWindows8.1
VSCodeのバージョンは1.33.1
です。

追記2
こちらをいじってみましたが変化は無くずれたままです。

window.zoomLevel
editor.fontSize
editor.lineHeight
editor.letterSpacing

boldを指定することで単純に文字が太くなってその分幅が増えているようです。
不思議なのは2対1等幅フォントを使う人にとって大きな問題だと思うのですが、検索しても同様の問題が日本語でも英語でもでてこないことです(英語での検索については仕方が悪いだけかもしれませんが)
全角を使っているわけでもありませんし。
単にみなさんboldを使ってないだけなのでしょうか。(メリハリが効いて見やすくなるので使いたいです)

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

追記
OSはWindows8.1
VSCodeのバージョンは1.33.1
です。

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

追記1
OSはWindows8.1
VSCodeのバージョンは1.33.1
です。

追記2
こちらをいじってみましたが変化は無くずれたままです。

window.zoomLevel
editor.fontSize
editor.lineHeight
editor.letterSpacing

boldを指定することで単純に文字が太くなってその分幅が増えているようです。
不思議なのは2対1等幅フォントを使う人にとって大きな問題だと思うのですが、検索しても同様の問題が日本語でも英語でもでてこないことです(英語での検索については仕方が悪いだけかもしれませんが)
全角を使っているわけでもありませんし。
単にみなさんboldを使ってないだけなのでしょうか。(メリハリが効いて見やすくなるので使いたいです)

本文に 47 文字追加
ソース リンク
anlovean
  • 189
  • 1
  • 3
  • 12

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

追記
OSはWindows8.1
VSCodeのバージョンは1.33.1
です。

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

VSCode(Visual Studio Code)においてsettings.jsonでシンタックスハイライトの設定をしています。
なんの構文でもいいのですが"fontStyle"を"bold"に指定した場合にエディタ上で表示がずれて困っています。

例えばエディタ上で下記のようなテキストがある場合に"case"が太字だと"e"と"3"の位置が1~2ドット程度ずれます。

case  // 太字 (bold)。表示が下の行より少し右にずれる
0123  // 普通の太さ

settings.json設定例
"keywords": {
    "foreground": "#FFFFFF",
    "fontStyle": "bold",
},

この現象はフォントによって差異があり、ずれないものもあるのですが、肝心の半角全角比率2:1であるフォントMyrica MやMS ゴシックなどいくつかを確認したところだめでした。
これでは複数行で見た目を揃えたいときわかりづらくなります。
自分が知っている他のエディタでは見られない現象です。

対策について何かないでしょうか。

追記
OSはWindows8.1
VSCodeのバージョンは1.33.1
です。

ソース リンク
anlovean
  • 189
  • 1
  • 3
  • 12
読み込んでいます