☰

Operator Mono Book フォントが Visual Studio Code に表示されない

tag-icon • tag-icon fonts visual-studio-code
Operator Mono Book フォントが Visual Studio Code に表示されない

開発ワークステーションで使用するために Operator Mono フォントを購入しました。フォントの読みやすさが気に入っており、Operator Mono Book を特に好んでいますが、Visual Studio Code では表示されません。

Operator Mono フォント ファミリーの他のすべてのフォントが表示されます (Operator Mono Light、Medium など)。以下は私の設定です。

{
    "window.zoomLevel": 0,
    "editor.formatOnSave": true,
    "editor.fontLigatures": true,
    "vscode_custom_css.imports": [
        "file:///D:/vscode_styles.css"
    ],
    "workbench.colorTheme": "Monokai Pro",
    "workbench.iconTheme": "Monokai Pro Icons",
    "editor.fontFamily": "'Operator Mono Book', 'Fira Code', Consolas, 'Courier New', monospace"
}

この問題に遭遇した人はいますか? Sublime Text と Word では問題なく表示されます。ワークステーションは Windows 10 Pro を実行しています。

ありがとう！

答え1

さらに調査し、当社のカスタム選挙アプリのいくつかでテストしたところ、この問題は完全に Chromium の Windows ビルドに限定されているようです。何らかの理由で、Chromium は Book の重量をレンダリングしません。Linux で実行されている選挙アプリケーションでは問題なく動作します。

次のスニペットは、Windows 上の Visual Studio Code でさまざまなフォント (Operator Mono Book を除く) を正常にテストしたところです。

<div class="view-lines" role="presentation" aria-hidden="true" data-mprt="7" style="position: absolute; font-family:'Operator Mono Medium' ">
</div>

以下は Microsoft Word 2019 のスクリーンショットです。Sublime Text 3+ の場合と同様に、すべての Operator Mono フォント ウェイトが適切に表示されています (以前のバージョンについてはわかりません)。

Microsoft Office 2019 のスクリーンショット: Operator Mono Book のフォントの太さが正しく表示されています

答え2

これはフォント名が間違っていることが原因であると確信しています。

以下は、Windows 上のフォント フォルダーのスクリーンショットです。

オペレータモノフォントファイル名Operator Mono Lightご覧のとおり、と が重複しているように見えますが、実際のファイル パスを見ると、そのうちの 2 つはと でOperator Mono Light Italicあることがわかります。Operator Mono BookOperator Mono Book Italic

Operator Mono Lightこのことは、2 つのフォントを開くと明らかに異なり、名前も異なるという事実によってさらに強調されます。

オペレーター モノ ライト vs オペレーター モノ ブック

フォントファイルを変更できるものを使用する。http://www.glyphrstudio.com/online/Operator Mono Book Regular、フォントを変更して という名前を付けOperator Mono Boook、ダウンロードしてシステムにインストールすること ができました。

変更されたフォントファイルがインストールされました

この後、Visual Studio Code はフォントを正しく検出します... まあ、そうです。ただし、「新しい」フォントを参照する必要があります...

本の重量を示す VS コード

注記: この方法は完璧ではありません。フォントのインポートとエクスポートで品質が多少低下するようです。

関連情報