Help us understand the problem. What is going on with this article?

Markdown Preview EnhancedでPDF出力する。

More than 1 year has passed since last update.

VS CodeにインストールしたMarkdown Preview Enhancedで、PDF出力する方法のメモです。
Windows環境前提です。

Chromeをインストールする

Markdown Preview Enhancedをインストールして、[Chrome (Puppeteer)] -> [PDF]を選択しただけだと、このようなエラーになります。

TypeError [ERR_INVALID_ARG_TYPE]: The "file" argument must be of type string. Received type object

エラーを見ても全然意味がわかりませんが、
Documentation

You need to have the Chrome browser installed.

とあるので、Chromeをインストールします。

font-family を変更する

Chromeをインストールすると、PDFを出力できるようになったはずですが、俗に「中華フォント」と呼ばれるフォントで日本語が表示させてしまいます。

CSSを編集し、フォントを指定します。
~\.mume\style.less にCSSファイルがあるので、印刷用の設定を追加します。

@media print {
.markdown-preview.markdown-preview {
    font-family: "MS PMincho";
}
}

PlantUML用のfont-family を変更する

前述のfont-familyの変更だけでは、Markdown内のPlantUML(svg)は変わりません。
svg textを追加します。

@media print{
.markdown-preview.markdown-preview, svg text {
    font-family: "MS PMincho";
}
}
kenichiuda
特にありません
https://github.com/udaken
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away