导出PDF中文乱码问题

SpreadJS 导出PDF是一个强大的功能，解决了很多用户的实际问题，但是在导出PDF时有些问题始终困扰着很多开发者，例如排版、字体乱码等问题。

有很多刚接触SpreadJS的朋友就会对导出pdf乱码以及要注册中文字体这个问题非常不解。这是PDF文件的特殊性造成的。PDF是Portable Document Format的简称，意为“便携式文档格式”，它原生仅仅带有英文字体，不包含任何中文字体，因此当导出的内容中含有中文字体编码时，一定会显示乱码，所以通常情况下，我们都需要为PDF进行字体注册操作。

下载需要的字体文件：

链接：https://pan.baidu.com/s/1Cw33CHC-aE9YmGyhLBlYlw 密码：sq4v

注意，整个工程需要部署到服务器来运行，否则可能因为跨域问题访问不到字体文件。

部署方法：https://blog.csdn.net/u014255803/article/details/73832072

注册分为服务器端注册和前端注册。

前端注册:

确认我们的表单需要用到哪些字体
去找对应字体的ttf文件（电脑上或者是一些字体网站上都有，需注意版权问题）。
找到之后将其转为base64格式的文件。具体如何转，可以找一些在线的文件转换器，不过在线的有可能会因为字体文件太大而崩溃，或者有能力的大佬可以自己写一个转换的工具。然后通过下面的方式去把我们的字体文件存储为一个js文件去等待引用。

将字体的ttf文件转为base64编码后通过js引入来导入，下面代码中 fontsObj["simkai.ttf"]就是对应的ttf字体base64编码

        function registerCustomFont(fontsObj) {
            var fonts = {
                normal: fontsObj["simkai.ttf"]
            };
            GC.Spread.Sheets.PDF.PDFFontsManager.registerFont('simkai', fonts);
        }

服务器端注册

由于字体文件通常比较大，而前端注册字体的方法要求在页面加载时就要加载进来，这会导致前端加载时间长，影响性能。而且字体文件的base64编码通常也需要事先生成，这给开发同学们带来了不小的麻烦。

后台字体文件注册可以解决这些问题，字体文件在服务器上存储，只有当需要导出PDF时才执行加载操作。

代码如下，serverPath为服务器端指定PDF字体位置：

function registerServerFont(name, type, serverPath) {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', serverPath, true);
            xhr.responseType = 'blob';

            xhr.onload = function (e) {
                if (this.status == 200) {
                    // get binary data as a response
                    var blob = this.response;

                    //将Blob 对象转换成 ArrayBuffer
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        var fontrrayBuffer = reader.result;
                        var fonts = GC.Spread.Sheets.PDF.PDFFontsManager.getFont(name) || {};
                        fonts[type] = fontrrayBuffer;
                        GC.Spread.Sheets.PDF.PDFFontsManager.registerFont(name, fonts);
                    }
                    reader.readAsArrayBuffer(blob);
                }
            };

            xhr.send();
        }

OK，熟悉Ajax的同学就明白了这里实际上采用了XMLHttpRequest对象的数据流读取了blob格式的字体文件，然后把这个流直接注册到PDFFontsManager中，实现了字体注册操作。

调用方法很简单，如下：

registerServerFont('微软雅黑', 'normal', 'font/msyh.ttf');

第一个参数对应了PDF中的字体名称，最后一个参数指定了字体文件的相对路径。

如果设置的字体在后台字体库中没有怎么办？其实解决方法也很简单，我们的客户需要的首先应该是一个能够阅读的PDF文件，当服务器端没有对应的字体文件时，可以指定别的字体库来代替，例如：

registerServerFont('Times New Roman', 'normal', 'font/simsun.ttf');

作者: Grapecity.China | 审核：Ellia.Duan | 更新时间：2023.12.13