VSCode Markdown pdf 调整输出格式（尤其是字体，默认的字体太僵硬了）

前言

如题，本文主要讲述VSCode中的markdown文件输出为pdf的时候，如何改变字体等样式。

环境

• VSCode
• Markdown pdf插件已安装，如下图：
  

改变字体的步骤

我先承认，这一开始对我来说简直是一头雾水。看了7、8个网页，结果还是被往错误的方向引导的。但是逐渐摸索，没放弃，最后还是逐渐找到了正确的方案。

这里先讲正确的方案吧，如下：

1. 首先找到插件的github repo地址

这个很简单，在VSCode里面有插件主页链接：
https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf

这个主页上又会给github repository的链接：
https://github.com/yzane/vscode-markdown-pdf/

2. 在repo里面搜索font关键字

搜索到issue：
How do you change font-family? #64

到这里我们大概就可以知道：
原来可以用.css 文件来控制pdf的输出格式，包括字体。

3. 在repo里面搜索.css

如下图：

点进去：

这下我就知道了，原来这个repo自带css排版文件，那么直接访问：
https://github.com/yzane/vscode-markdown-pdf/tree/master/styles

可以看到：

我直接copy了markdown.css里面的内容，保存为：E:\0-bib文件夹下的font.css文件。

4. 修改font.css文件

把font.css文件中的body{}中有关font-family的那一行改为：

font-family: "Times New Roman","Microsoft YaHei","KaiTi",Georgia,Serif;

这样的话，可以达到：英文字体使用 “Times New Roman”，中文字体使用"Microsoft YaHei"（微软雅黑）的效果。

如下图：

5. 修改VSCode的配置

在VSCode中，ctrl+shift+p，而后搜索settings，如下图：

进入用户自定义的settings.json，添加如下一行：

"markdown-pdf.styles": ["E:\\0-bib\\font.css"],

然后reload window或者重启一下VSCode。再次使用markdown pdf将markdown文件输出为pdf时，发现字体已经变成自己想要的样子了（即在font.css中定义的字体）。

小结

自己走过的坑：

• 在bing中搜索：vscode markdown pdf font，
• 根据How do you change font-family? #64和issue about supporting for Chinese characters #88做了一些尝试，但是自己一开始不懂，只往css文件里面加了一行body{font-family: "宋体", sans-serif; font-size: 10px;}，这根本就没效果，整个排版也乱了。
• 去settings里面疯狂搜索font相关，然后找到-apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubun，还去搜索怎么改。。。很尬。（没用）

所幸最后还是找到了正确方案。

备注

如果要改变字体以外的样式，同样修改.css文件中的相应元素就行。 此不详述。

参考文献

都列在文中了。

另外，中英文使用不同字体的设置还是挺好的，我忘了是哪个参考文献了。