Markdown Preview Enhancedでprinceを利用してPDF化するときに日本語が文字化けする #VSCode

いくつか試してみてどれが有効か分かりませんが、探しても情報がほとんどなかったので参考になれば良いかな、と思って残します。

環境

VSCode
WSL: Ubuntu-18.04

WSLからwindowsのフォントを参照可能にする

sudo vim /etc/fonts/local.conf

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
    <dir>/c/Windows/Fonts</dir>
</fontconfig>

参考

https://www.atmarkit.co.jp/ait/articles/1812/27/news033.html

WSLにprinceをインストールする

https://www.princexml.com/download/ でダウンロードリンクを見つけてください。

princeのダウンロード

wget https://www.princexml.com/download/prince_13.5-1_ubuntu18.04_amd64.deb

princeのインストール

sudo apt install ./prince_13.5-1_ubuntu18.04_amd64.deb

markdown-preview-enhancedのCSSをカスタマイズする

style.cssを編集します。

ctrl+shift+pでコマンドパレットを開き、Markdown Preview Enhanced: Customize Cssを実行してください。

以下のようにprinceの設定を追加してください

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;
    &.prince {
    // your prince css here
    @font-face {
        font-family: serif;
        src: local("MS Mincho")
    }
  }
}

参考