Markdown PDFでコード部分の日本語フォントがおかしい場合の対処法

概要

Markdown PDFでコード部分の日本語フォントがおかしい場合の対処方法。

環境

• Windows 10
• Visual Studio Code 1.25.1
• Markdown PDF(yzane.markdown-pdf) 1.2.0 (2018/05/03)

現象

コード部分、つまり、バッククォート3つで囲んだ部分の日本語の漢字部分のみ字形が違う。よく見てみるとどうも中国語のフォントっぽい（Ming～）（確認の「確」が違う字形だった）。

ので、フォントの優先順位の問題（Officeでたまにあった問題に近い？）と推測した。

対処

対処として、cssを書き換えるとうまくいった。

以下の例では直接変更している。

しかし、おそらくバージョンアップで上書きされるか無効になると思うので、正しい対処は、コピー変更したcssを、markdown-pdf.stylesなどで指定するのが望ましいと思われる。

• 場所

C:\Users\XXXX\extensions\yzane.markdown-pdf-1.2.0\styles\markdown.css 

• 変更前

code {
    font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback"; 
    font-size: 14px;
    line-height: 19px;
} 

• 変更後

code {
    /* font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback"; */
    font-family: Menlo, Monaco, Consolas, "ＭＳ ゴシック", "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
    font-size: 14px;
    line-height: 19px;
}