PDF.js特殊字体、水印加载不出来问题解决

问题描述：用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、.woff2这样后缀的字体文件需要在web.config里配置一下，支持这种字体文件。

<system.webServer><staticContent><mimeMap fileExtension=".properties" mimeType="text/x-java-properties" /><mimeMap fileExtension=".bcmap" mimeType="image/svg+xml" /></staticContent>
</system.webServer>

我之前看到网上很多引用外部字体文件来解决字体显示问题，个人觉得引用外部字体文件毕竟是不可控的，最好还是用项目内的。

PDF.js特殊字体、水印加载不出来问题解决相关推荐

【Flutter web】内网网站如何发布?解决外网下canvaskit.js和字体无法加载问题
背景由于部署的网站只能在内网下使用,部署服务器又不能访问外网,导致Flutter web部署遇到很多问题,比如:白屏. 部署的网站为何首次加载缓慢,会白屏? 通过浏览器开发工具看图: 可以看到css ...
使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子政务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
js加载第三方字体,检测加载完成事件
最近在做一个项目涉及到加载第三方字体的问题,首批需要支持一百多种字体,然后首先想到的就是@fant-face,但是在实际应用中发现无法满足当前需求. 目前的项目是用canvas的一个开源库fabric ...
IIS部署ArcGIS JS API4.10后，字体未加载加载字体跨域
现象: 场景: 在本机IIS下面部署了一套4.10版本的API,用Angular框架+esri-loader写了个例子,发现放大缩小那块显示不正常,很明显是字体未加载的问题.当时啥错也没有,就先配置了 ...
php替换时 css中的图片不显示不出来,URL重写：CSS，JS和图像未加载
我遵循规则 .htaccess Options +FollowSymLinks RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAM ...
JS里面的懒加载(lazyload)
懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载涉及到图片,falsh资源 , iframe, 网页编辑器(类似FCK)等占 ...
[html] 字体图标加载出来成了小方块，是什么原因呢？如何解决？
[html] 字体图标加载出来成了小方块,是什么原因呢?如何解决? css样式没有引用吧个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌 ...
ajax加载vue数据,详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
整理文档,搜刮出一个使用vue.js结合jquery ajax加载数据的两种方式的代码,稍微整理精简一下做下分享. 废话不多说,直接上代码 html代码 demo {{message }} 测试jqu ...
Nginx相关解决nginx反向代理后页面上的js/css文件无法加载
解决nginx反向代理后页面上的js/css文件无法加载 location ~ \.php$ {proxy_pass http://127.0.0.1:8000;include naproxy.con ...

PDF.js特殊字体、水印加载不出来问题解决

PDF.js特殊字体、水印加载不出来问题解决相关推荐

最新文章

热门文章