6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-04-26

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

環境

  • 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>

参考

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")
    }
  }
}

参考

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?