导出pdf，Times New Roman字体乱码

收藏

KevinChen · KevinChen

您好，您的问题已经解决，下面是解决方法：

1、给您共享一个注册字体的示例工程，由于字体文件比较大，因此需要您在百度网盘里下载：

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

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

部署方法：

https://blog.csdn.net/u014255803/article/details/73832072

2、我把您的ssjson模板文件引入了Demo，并做了一些适当的调整，附件中是代码和模板文件

index_2.html文件放在上述Demo的根目录下，与index.html路径相同

custom_temp.js文件放在Demo目录下的data文件夹中。

3、启动IIS服务器后，访问index_2.html即可。

dexteryao · dexteryao

您好，导出时候的机器上要有安装过Times New Roman这个字体。不然导出会乱码

胡小蛋 · 胡小蛋

这个字体有安装，

胡小蛋 · 胡小蛋

[code]  GC.Spread.Sheets.PDF.PDFFontsManager.fallbackFont = function (font) {
                              var fontInfoArray = font.split(' '), fontName = fontInfoArray[fontInfoArray.length - 1];
                              //if (fontName === 'Times New Roman' || fontName === 'Calibri' || fontName=== '"Roman""') {
                              // //return fonts.normal;
                              //}

                              if (fontName.contains('Roman')) {
                                 return ["simsun.ttf"];
                              }

                        }

胡小蛋 · 胡小蛋

这个方法是怎么用的

dexteryao · dexteryao

本帖最后由 DerrickJiao 于 2020-6-15 11:34 编辑

您用的是SpreadJS，发错专区了。
SpreadJS 需要通过registerFont 注册字体。由于Roman是英文字体，里面有中文就会乱码，你将Roman fallbackFont为宋体的操作是没有问题的。
现在要确认宋体字库已经注册。
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/pdf/custom-font-export-pdf/purejs

还可以从服务器上直接下载一个ttf字体来注册。
参考

registerServerFont(['simhei','黑体'], 'normal', 'lib/font/simhei.ttf', false);

复制代码

function registerServerFont(name, type, serverPath, isSetFallback) {
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;
if(name instanceof Array){
for(var i = 0; i < name.length; i++){
var fonts = GC.Spread.Sheets.PDF.PDFFontsManager.getFont(name[i]) || {};
fonts[type] = fontrrayBuffer;
GC.Spread.Sheets.PDF.PDFFontsManager.registerFont(name[i], fonts);
}
}
else{
var fonts = GC.Spread.Sheets.PDF.PDFFontsManager.getFont(name) || {};
fonts[type] = fontrrayBuffer;
GC.Spread.Sheets.PDF.PDFFontsManager.registerFont(name, fonts);
}
if (isSetFallback) {
GC.Spread.Sheets.PDF.PDFFontsManager.fallbackFont = function (font) {
// if (font.indexOf(name) < 0) {
// return fonts.normal;
// }
if (font.indexOf("微软雅黑") >= 0) {
return fonts.normal;
}
}
}
}
reader.readAsArrayBuffer(blob);
}
};
xhr.send();
}

复制代码

胡小蛋 · 胡小蛋

var data = data, fontsObj = fonts;
spread.fromJSON(data);
//注册字体
registerServerFont('宋体', 'normal', '/Content/plugins/SpreadJs/font/simsun.ttf', true);
function registerServerFont(name, type, serverPath, isSetFallback) {
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;
if (name instanceof Array) {
for (var i = 0; i < name.length; i++) {
var fonts = GC.Spread.Sheets.PDF.PDFFontsManager.getFont(name[i]) || {};
fonts[type] = fontrrayBuffer;
GC.Spread.Sheets.PDF.PDFFontsManager.registerFont(name[i], fonts);
}
}
else {
var fonts = GC.Spread.Sheets.PDF.PDFFontsManager.getFont(name) || {};
fonts[type] = fontrrayBuffer;
GC.Spread.Sheets.PDF.PDFFontsManager.registerFont(name, fonts);
}
if (isSetFallback) {
GC.Spread.Sheets.PDF.PDFFontsManager.fallbackFont = function (font) {
if (font.indexOf("宋体") < 0) {
return fonts.normal;
}
}
}
}
reader.readAsArrayBuffer(blob);
}
};
xhr.send();
}
spread.savePDF(function (blob) {
saveAs(blob, title + '.pdf');
}, function (error) {
console.log(error);
}, {
title: title,
author: '',
subject: '',
keywords: '',
creator: ''
});

复制代码

这段代码会出现导出还是乱码，按F12调试导出不会乱码

KevinChen · KevinChen

您上边贴出的代码，第09行，您是用异步的方式来发起请求的，字体文件通常比较大，

您可以换成同步试试，把第09行代码改为：

xhr.open('GET', serverPath, false);

复制代码

胡小蛋 · 胡小蛋

这里我只能通过异步处理，同步会报错，目前出现的问题是不是调试，字体导出依旧乱码

KevinChen · KevinChen

您好，我这边确实无法重现这个问题，您能否提供一个完整Demo？

		自动登录	找回密码
密码			立即注册

[已处理] 导出pdf，Times New Roman字体乱码

14 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章