首页 > 其他分享 >wkhtmltopdf 如何自定义字体(前端操作的方法,最简单方案)

wkhtmltopdf 如何自定义字体(前端操作的方法,最简单方案)

时间:2022-11-22 16:46:51浏览次数:42  
标签:自定义 wkhtmltopdf 仿宋 FangSong 字体 font

如下: 我们可以利用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类的方式引入样式,才可以正确识别自定义字体,需要注意一下。

标签:自定义,wkhtmltopdf,仿宋,FangSong,字体,font
From: https://www.cnblogs.com/5MBPerSec/p/16915586.html

相关文章

  • 十分钟学会油猴插件,自定义插件
    如果有前端基础的人,这个相对来说比较简单拿知乎来说,每次刷新都会弹出登录界面,教你五分钟自己写个油猴插件屏蔽掉登录窗口1.打开知乎,点击箭头,移动到页面,找见登......
  • 【快应用】权限弹框理由描述如何自定义
    ​ 问题背景:快应用中的授权弹框一般是用来提示用户应用即将使用该权限,但有时候系统自带的弹框内容并不能很好的描述获取该权限的作用,就有可能导致用户拒绝该权限,该用户......
  • 基于Spring-AOP的自定义分片工具
    作者:陈昌浩1背景随着数据量的增长,发现系统在与其他系统交互时,批量接口会出现超时现象,发现原批量接口在实现时,没有做分片处理,当数据过大时或超过其他系统阈值时,就会出现......
  • 记一次自定义starter引发的线上事故复盘
    前言本文素材来源于业务部门技术负责人某次线上事故复盘分享。故事的背景是这样,该业务部门招了一个技术挺不错的小伙子小张,由于小张技术能力在该部门比较突出,在入职不久后......
  • 自定义函数
    FIREDAC可以自定义sqlite的函数,方法如下:首先需要一个控件:TFDSQLiteFunction,其设置如下:sqlFunction.DriverLink:=FDPhysSQLiteDriverLink1;sqlFunction.FunctionName......
  • 字体排版
    提升审美zcoolbehancedulllle字体排版可以关注oooooohmygosh的字体排版 图片素材资源moneyShutterstock:https://www.shutterstock.com/GettyImages:https:/......
  • Java自定义类加载器
    通过继承java.lang.ClassLoader可以自定义类加载器。步骤:1、继承ClassLoader。2、读取字节文件到字节数组中。3、使用defineClass(类名,字节数组,off,length):将字节数组转换......
  • QQ环境下分享自定义内容
     QQ环境下分享自定义内容:在head里加以下标签即可:<metaname="description"itemprop="description"content="竞猜让我智币分离"><metaitemprop="name"content="我是一个......
  • 无序、有序、自定义列表
    1.无序列表<!--1.默认type="disc"实心圆,#表示空链接--><ul><li><b><ahref="#">无序列表</a></b></li><li><ahref="#">无序列表</a>......
  • spring之自定义注解
    @Target({ElementType.METHOD,ElementType.FIELD})@Retention(RetentionPolicy.RUNTIME)@Constraint(validatedBy=MyConstraintValidator.class)public@interface......