wkhtmltopdf 如何自定义字体（前端操作的方法，最简单方案）

如下： 我们可以利用css3的 @font-face 特性，自定义一个完全由自己下载的 .ttf 为格式的文件作为webkit内核浏览器临时支持的字体。woff 格式请自行测试

开发环境： C# wkhtmltopdf version 0.12.5

我这里是将 仿宋字体 设定为自定义字体，叫 My_FangSong，这时wkhtmltopdf的会正确识别仿宋字体。

（如果你尝试直接在font-family中写：仿宋、仿宋GB_2312、FangSong、SIMFANG  等，wkhtmltopdf均无法正确识别【仿宋】字体）

另：IE11不支持此语法

<html>
<style>
  .my-content * {
    font-family: My_FangSong !important;
    font-weight: normal !important;
  }

  @font-face {
    font-family: "My_FangSong ";
    src: url("~/Content/Fonts/simfang.ttf")
  }
</style>
<body>
  <div class="my-content">测试 wkhtmltopdf.exe 对仿宋字体的支持，利用 font-face 自定义字体特性</div>
</body>
</html>

此后我测试了html向pdf转换，wkhtmltopdf 成功识别到了我自定义的字体，并成功输出正确字体格式的文件。

我测试中，尝试把样式改为使用行内样式时，字体则无法正常识别，必须要用class类的方式引入样式，才可以正确识别自定义字体，需要注意一下。

posted @ 2022-11-22 16:38  五兆  阅读(1914)  评论(0)  编辑  收藏  举报