VSCode+Markdown Preview Enhanced: PuppeteerのPDF文字化け対策

解決まで結構手間取ったのでメモ。

Windows 10, VSCode 1.94.2, MPE 0.8.14。

Markdown Preview Enhancedのプレビュー画面から右クリック→Export→Chrome(Puppeteer)→PDFで出力したファイルが文字化け(豆腐化)するようになっていたが、

• https://qiita.com/kenichiuda/items/5c76748297f42106d797
• https://zenn.dev/koukiito/articles/1615331c8fcaa9

を参考にフォント設定をしたら治った。

1. VSCodeでCtrl-Shift-Pでコマンドパレットを出し、”Markdown Preview Enhanced: Customize CSS(Global)”を選択。
2. (ホームディレクトリの)\.crossnote\style.lessが開くので、
3. 次を追加して保存。

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

   フォントはMS Gothicとかでも良い。