在ie浏览器下解决pdfjs插件思源宋体字体部分无法识别问题

已于 2023-09-14 14:45:32 修改
阅读量1.2k 收藏
点赞数
文章标签： 前端 javascript 开发语言 pdf
于 2023-09-14 11:52:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37263478/article/details/132872657
版权
在IE浏览器中，使用PDFJS插件渲染PDF文件时出现思源宋体部分字体无法识别的问题。分析可能是由于PDF版本与字体映射不匹配。通过尝试不同版本的PDFJS，最终选择2.0.943版本，解决了兼容性问题。同时，为了解决跨域和签章显示问题，分别在viewer.js的1654行和pdf.worker.js的23178行进行相应注释处理。

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

pdf文件正常

利用pdfis渲染出来就成这样了

查看了思源宋体是2017年发布,pdf版本是1.10.88 ，推测可能由于版本问题部分字体映射没有，去官网拷贝了几个版本，在本地启服务测试了几个，为了兼顾ie浏览器兼容 ，选择了2.0.943版本。把构建好的dist文件拷贝下来后。注意解决跨越问题和签章不显示问题

在viewer.js的1654行注释解决跨域问题

在pdf.worker.js的23178行注释，显示签章因为原版还 自定义了打印工具 此处就不做处理了 如需要自定义功能按钮在viwer.html的toolbarViewerRight处自行添加按钮，请注意tabindex的取值，否则影响排列顺序

随手附上已构建并修复问题的pdfjs2.0.8版本 pdfjs
最低0.47元/天 解锁文章
一渊之隔
关注
pdfjs-dist 预览pdf内容文字不显示问题
提拉米苏
02-15 3711
pdf-dist版本 npm install。修改源代码，下次拉取代码，重新安装包，不生效。将运行指令加到package.json中。5.删除包，重新install。运行要修改组件名称进行对比。控制台报错 缺少字体包。找到pdfjs依赖路径。运行指令生成补丁文件。
jspdf添加宋体_pdfjs 引入字体失败
weixin_39628247的博客
12-22 1308
这个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...
pdfjs解决ie浏览器预览pdf问题
TinaSlowDown的博客
09-12 3772
针对这个报错，一查发现是因为浏览器设置的默认文档模式是7，导致虽然我的浏览器是ie11，但实际是按照ie7来解析网页，而我的网页是不兼容ie7地，这可不就会报错嘛。要注意把viewer.js中的defaultUrl清空（这个变量的名称可能不同版本不一样，我当时的变量名是DEFAULT_URL，DEFAULT_URL = ‘compressed.tracemonkey-pldi-09.pdf’）。数据请求的问题完成了。官网已经不提供ie的下载渠道，搜索了一圈，发现用edge模拟是一个比较好的选择。
pdf.js 文字丢失问题 .cmaps
热门推荐
weixin_30240349的博客
03-13 6万+
使用pdf.js 展示pdf文件 需求：电子发票类的pdf文件，以base64流的形式请求到，在浏览器中展示pdf文件 遇到的问题： 正常展示后，部分文字无法正常显示， 正常显示如下： 文件目录： js: function convertDataURItoBinary(dataURI){ dataURI = dataURI.replace(/[\r...
在IE浏览器中，使用Adobe Acrobat Reader dc插件来在线加载PDF，PDF会出现在最前端，并挡住其它需要弹出的窗口
nieyuhu的博客
07-13 5864
问题描述 在IE11环境下，使用Adobe Acrobat Reader dc插件来在线加载PDF，PDF加载在一个iframe页面中，此时PDF所在的iframe会有很高的优先级，在原父页面上的其他弹出窗口都被PDF遮挡覆盖。 解决方案 有以下三种解决方案 1.如果需要的弹窗很小，而且PDF所在的iframe不是全屏，可以直接考虑将弹窗展示在PDF没有覆盖到的地方，或是调整PDF所在iframe的大小，使其有空间来展示弹窗。 2.如果业务场景允许，可以在弹窗时先将PDF所在的iframe或是div进行隐藏
pdfjs预览pdf内容文字丢失问题
小兔&崽子的博客
03-11 6425
pdfjs
思源宋体行高修正版.zip
03-10
然而，思源宋体作为一款功能性字体，在不同的应用场景下可能需要适当的调整以达到最佳效果。此时，“思源宋体行高修正版.zip”应运而生，它针对原版思源宋体的行高进行了优化，以适应更多样化的排版需求。 行高，又...
思源宋体思源宋体1.0思源宋体1.0
03-09
《思源宋体：一款开源字体的深度解析》 在当今数字化时代，字体设计的重要性日益凸显，不仅影响着信息的传达，更成为了一种视觉艺术。本文将深入探讨“思源宋体”这一广受欢迎的开源字体，揭示其设计理念、特点以及...
思源字体不显示.rar
07-19
itext7中不支持otf字体导出，本字体为TTF，经测试支持中文，英文，繁体，韩语，日语，阿拉伯语。古希腊语，各种符号，两套字体，21个TTF,65535个字符集
IE-PDF浏览插件.zip
02-23
PDF在线浏览
预览pdf浏览器插件，兼容ie浏览器
05-26
pdf.js插件，支持ie浏览器等，是一款特别好用的浏览pdf插件的工具，强烈推荐，不用再去考虑不兼容ie浏览器问题
浏览器显示PDF插件，pdfjs.zip，支持ie11和其他浏览器，傻瓜操作，不改代码
08-09
该写法适用于pdf流文件加载，一般情况下不需要修改，如果一定要动，其他部分不用改，只需要修改viewer.js中第4355-4380行代码，，最后var defaultUrl = array;保证defaultUrl中得到值就行了。 最后网页端传入写法：一个viewer.html？file1=+流文件地址即可
在线浏览PDF文件、可兼容IE浏览器
04-30
HTML在线浏览pdf文件，有两种方式，可以自行选择，下载后可以直接使用，里面有使用教程，，，，，，
pdf.js 入门使用指南3-字体显示问题
只看远方的博客
01-17 1万+
1：乱码问题。最近遇到一个问题，一个pdf 文件使用了冷门的字体，导致出现乱码，字体空白，如下图所示 2：问题排查，初步排查，治标。    修改改pdf 文件，把字体都修改成宋体。再次预览，显示正常 。     3：从问题上根治这个问题，治本       总不能把每个pdf 都修改一下字体，这样太麻烦。经过测试，找到治本的方法。       下载 　http://downloa
思源字体在WPS中正常但是转为pdf用别的软件打开乱码
qq_44782841的博客
03-19 1391
查看字体版本是否为CN 换成SC版本即可
解决PDF预览时，电子签章、日期等不显示问题
最新发布
商务合作 / 项目定制开发 / 前端一对一培训、答疑
11-23 4394
那到底是哪里出了问题呢，我再一次考虑是不是因为日期字体等文件没有请求成功的问题。最终发现就是在加载日期字体时，出了问题（没有报错，但是无法预览）。免费答疑，行业深潜多年的技术牛人帮你解决bug。找到PDF引用cmaps的文件，将public去除，重新打包即可在开发和生产环境正常看到电子签章了。继续排查，发现通过接口下载下来的接口是有日期的，这个侧面也证明数据是没问题的。，但是依然没有显示，问题是浏览器控制台也没有报错。根据网上搜索，排查，我先看看，对比正确的路径，发现原来是多了public路径
IE浏览器调用ocx控件实现PDF、图片文件打印
huzihuzihuzi12345的博客
06-09 2945
我们遇到很多的场景一般是自助设备或者电脑在链接USB、共享的打印机进行文件打印时，一般都是调用pdf.js或者js的print方法进行，但是用户体验比较差，看不到打印的过程进度，而且还会弹出一些系统的框，感觉很别扭，所以我封装了一套打印pdf、图片的工具插件，非常好用操作步骤：1.首先调用注册ocx控件2.部署到apache或者nginx中，用ie浏览器打开，通过Printer Status Test Pagehttp://localhost:8085/Html/index.html3.点击查询打印机...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值