pdfjs 字体新增_JSPDF支持中文（思源黑体）采坑之旅，JSPDF中文字体乱码解决方案...

最新推荐文章于 2024-11-29 15:56:38 发布
最新推荐文章于 2024-11-29 15:56:38 发布
阅读量1.8k 收藏
点赞数
文章标签： pdfjs 字体新增
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39736547/article/details/111759741
版权
本文详细介绍了如何在JSPDF中添加并使用思源黑体以支持中文，包括字体文件的处理、避免大写字母导致的失效问题，以及解决因字体文件过大引发的JavaScript内存溢出问题。同时，提供了在Electron应用中处理大型字体文件的方法，涉及渲染器进程与主进程的通信。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我拍个砖，通常标称自己文章完美解决何种问题的，往往就是解决不了任何问题！

众所周知，JSPDF是一个开源的，易用的，但是对中文支持非常差的PDF库。

下面，我教大家，如何在pdf中使用思源黑体。思源黑体是开源字体。思源黑体具有很广泛使用性，实用性，也是规避字体版权风险的重要选择！请严格按照我说的做！

1、准备思源黑体的ttf文件，不要用otf文件，如下

https://github.com/be5invis/source-han-sans-ttf/releases

.

2、把下载的字体命名统统改为小写，如下

为什么改为小写，见 issues2465 ，命名为大写的统统失效~

3、于是，我们得到这2个文件

PS：字体是bold字体，网站的fontStyle你就选bold，normal也是这样！

用记事本(win)打开这2个文件，不要用编辑器，会异常卡，除非你内存高，mac爱什么打开什么打开，双击选中那串长的，ctrl+c。

你的项目新建font.js࿰

最低0.47元/天 解锁文章
jspdf添加宋体_pdfjs 引入字体失败
weixin_39628247的博客
12-22 1307
这个pdf是宋体 使用的pdfjs-dist 2.0.943ref="container"class="page-container":style="{height: `${pageHeight}px`}">import pdfJS from 'pdfjs-dist'import data from './kkk.json'const cMapUrl = '../../../node_mo...
前端pdf插件JSPDF.JS的简单使用及引入中文字库
qq_40051434的博客
09-06 1万+
JSPDF.JS引入中文字库引入jspdf.js写个简单的例子添加中文字库（ttf转js）直接引入ttf文件（未完成） 引入jspdf.js github地址：https://github.com/MrRio/jsPDF 引入在线的库 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js...
jsPDF-CustomFonts-support, 向jsPDF添加自定义字体支持.zip
09-17
jsPDF-CustomFonts-support, 向jsPDF添加自定义字体支持 jsPDF-CustomFonts-support JsPDF是一个开源，它在HTML5环境中加载JavaScript并创建一个pdf文档。当前版本不支持自定义字体。 我将尝试实现这里功能。演示它位于 GitHub页面上。
IDEA Gradle项目中，tomcat 控制台输出乱码
猎人在吃肉
07-09 505
方法1： idea -> Edit Configuration ->VM options 中添加 -Dfile.encoding=utf-8 方法2 项目 -> build.gradle 中添加 tasks.withType(JavaCompile) { options.encoding = "UTF-8" } 方法3 gradle 的安装目录 --> bin 目录 --> gradle.bat 中添加如下内容： set DEFAULT_JVM_OPTS="Dfile.
pdfjs 字体新增,在jspdf中添加自定义字体
weixin_33281416的博客
12-21 559
i want to use custom font such as 'Comic Sans MS' or 'Calibri' font in jsPDF.i have found similar question here, but mine is not working.i already added the latest jspdf. and my code is like below :v...
jspdf_font.zip
08-15
jspdf中文乱码字体包。也可以自己下载jspdf源文件，然后上传字体包，然后生成字体文件，引用
pdfjs 字体新增_在jspdf中添加自定义字体
weixin_39610468的博客
12-21 1210
i want to use custom font such as 'Comic Sans MS' or 'Calibri' font in jsPDF.i have found similar question here, but mine is not working.i already added the latest jspdf. and my code is like below :v...
jspdf添加宋体_JSPDF支持中文（思源黑体）采坑之旅，JSPDF中文字体乱码解决方案...
weixin_39559369的博客
01-27 1685
我拍个砖，通常标称自己文章完美解决何种问题的，往往就是解决不了任何问题！众所周知，JSPDF是一个开源的，易用的，但是对中文支持非常差的PDF库。下面，我教大家，如何在pdf中使用思源黑体。思源黑体是开源字体。思源黑体具有很广泛使用性，实用性，也是规避字体版权风险的重要选择！请严格按照我说的做！1、准备思源黑体的ttf文件，不要用otf文件，如下https://github.com/be5invi...
pdf.js 字体无法显示
u010696334的博客
05-10 4073
pdf.js 字体无法显示 前端框架：antdpro 2 使用的插件是react-pdf 不显示的原因：字体文件找不到 错误提示：Warning: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided. 解决方案如下： webpack 插件引入 yarn addcopy-webpack-plugin，他的作用就..
网站添加水印功能【java#HTML】
qq_32469419的博客
11-27 994
网站增加水印功能 话不多说，最近做的一个项目，需要用到一个水印功能，直接贴js代码和效果图 自己先写一个js， JS代码部分： function waterMark(settings) { if($(".mask_div").length>0) return; //默认设置 var defaultSettings = { watermark_txt: "text", watermark_x: 20, //水印起始位置x轴坐标 water
最新1.9pdf.js官方编译版
11-07
pdf.js实现在HTML下直接浏览pdf文档，无需插件即可实现
JSPDF支持中文（思源黑体）采坑之旅，JSPDF中文字体乱码解决方案
w36680130的博客
01-20 743
JSPDF支持中文（思源黑体）采坑之旅，JSPDF中文字体乱码解决方案
pdf.js 入门使用指南3-字体显示问题
热门推荐
只看远方的博客
01-17 1万+
1：乱码问题。最近遇到一个问题，一个pdf 文件使用了冷门的字体，导致出现乱码，字体空白，如下图所示 2：问题排查，初步排查，治标。    修改改pdf 文件，把字体都修改成宋体。再次预览，显示正常 。     3：从问题上根治这个问题，治本       总不能把每个pdf 都修改一下字体，这样太麻烦。经过测试，找到治本的方法。       下载 　http://downloa
解决PDFJS字体兼容性问题的利器：CMap字体文件
gitblog_09787的博客
10-31 727
解决PDFJS字体兼容性问题的利器：CMap字体文件 【下载地址】PDFJS使用的CMap字体文件 本仓库提供了一个资源文件，专门用于PDFJS的CMap字体文件。该文件适用于前端开发场景，特别是当PDF文件使用了PDFJS不支持的字体文件时，需要额外为PDFJS提供相应的字体文件 ...
PDF.js特殊字体、水印加载不出来问题解决
qq_42434923的博客
05-28 6724
问题描述：用PdfViewer在线阅读部分pdf文件时，部分文字加载不出来，浏览器network网络请求下locale.properties、GBK-EUC-H.bcmap这两个文件报404错误。 问题可能原因： 1.viewer.js文件内的PDFJS.cMapUrl这个字体文件路径配置错误 PDFJS.cMapUrl = '/Content/pdf.js/web/cmaps/'; PDFJS.cMapPacked = true; 2.IIS的MIME问题，像.bcmap、.svg、.woff、
推荐一个强大的PDF生成库：PDF.js
gitblog_00023的博客
05-17 382
推荐一个强大的PDF生成库：PDF.js 项目地址:https://gitcode.com/gh_mirrors/pd/pdfjs 在这个数字化的时代，PDF文档的使用无处不在，无论是在办公环境中还是在个人文件管理中，PDF都是我们不可或缺的一部分。今天，我想向大家推荐一款名为PDF.js的开源库，它能帮助你在服务器和客户端轻松地生成高质量的PDF文件。 项目介绍 PDF.js是一个由rkusa开...
pdf.js 预览pdf的时候发票数据缺失显示不全：字体加载出错（缺失）导致部分缺失
最新发布
TTianYe的博客
11-29 1623
首先，排除后端返回的PDF文件流是没有问题的：但是在vue项目中是这样的：明显是显示不全，F12查看报错信息，有以下警告：把字体添加进来就好。
android 添加pdf字体,Android使用pdf.js预览pdf（支持显示签章/签名）
weixin_42367522的博客
05-26 372
使用步骤：1.复制这三个东西到assets目录下2.如下配置Webviewfun initWebSettings() {//去掉横向滚动条wv.setHorizontalScrollBarEnabled(false)//去掉纵向滚动条wv.setVerticalScrollBarEnabled(false)val webSettings = wv!!.settings ?: return//设置字...
PDFJS使用的CMap字体文件
gitblog_09744的博客
10-21 431
PDFJS使用的CMap字体文件 【下载地址】PDFJS使用的CMap字体文件 本仓库提供了一个资源文件，专门用于PDFJS的CMap字体文件。该文件适用于前端开发场景，特别是当PDF文件使用了PDFJS不支持的字体文件时，需要额外为PDFJS提供相应的字体文件 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值