jspdf中文乱码的解决，包括普通text文本及autotable中文乱码解决，超详细！！！

最新推荐文章于 2025-12-02 05:21:53 发布

原创

最新推荐文章于 2025-12-02 05:21:53 发布 · 1.8w 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#jspdf

本文详细介绍了如何解决使用jspdf库时遇到的中文乱码问题，包括下载支持中文的ttf字体文件，使用fontconverter生成js文件，将字体添加到项目中，并在导出pdf时设置字体，确保中文正常显示。还提供了不引入额外js文件时的解决方案。

直接使用jspdf导出效果：中文乱码了
在这里插入图片描述
解决后：

前言：
jsPDF github地址
里面有使用其他字体的介绍
在这里插入图片描述
具体步骤：
1.首先需要一个支持中文的字体ttf文件，可以在网上下载，也可以使用本地window/font/路径下的文件（选择一个自己需要的），这个文件将在步骤3中用到

2.下载jspdf
方式1：使用命令git clone https://github.com/MrRio/jsPDF.git
方式2：下载zip文件
在这里插入图片描述
3.下载后找到fontconverter目录中的fontconverter.html文件：

在浏览器中打开这个文件，初始页面为：
在这里插入图片描述
此时就要用到ttf文件了，选择步骤1提到的ttf文件，（如果选择本地window/font下面的文件可能会提示没有打开该文件夹的权限，此时可以把需要的ttf文件复制一份到其他路径再上传）上面的fontName会自动填充（也可以自定义名字，需要为小写字母）
选择ttf文件后点击create：
在这里插入图片描述
将生成一个js文件：

4.将生成的这个js文件放入自己的项目中，具体路径根据自己需要放置。生成js文件内容为：

import {
   
    jsPDF } from "jspdf"
var font = 'AAEAAAAVA...'//只截取了前几个字符串
var callAddFont = function () {
   
   
this.addFileToVFS('simhei-normal.ttf', font

最低0.47元/天解锁文章