【帆软FR】新增自定义字体(以LED字体为例)
一、描述
1、常见问题
(1)linux系统字体安装方法:https://blog.csdn.net/u011606175/article/details/81006932
可能导致的现象:导出图表显示不了中文,但是单元格可以显示中文
(2)字体检测是否缺失:字体缺失检测- FineReport帮助文档 - 全面的报表使用教程和学习资料
可能的现象:预览、导出、打印报表时,出现字体效果和设计的效果不一致
(3)字体扩展插件:自带宋体( 字体包为 SimSun.ttc ),如果要使用其他字体则需要手动扩展,见字体扩展插件- FineReport帮助文档 - 全面的报表使用教程和学习资料 可能的现象:Linux 系统里预览,会出现行高列宽计算不正确,导出打印字体错位等现象。这是由于 Linux 系统下缺少报表内使用的相应字体导致的
(4)性能优化插件:绘图支持,增加WEB-INF/fonts下字体自动加载系统引擎,不需要安装字体到操作系统也可以让java绘图支持自定义字体,性能优化插件- FineReport帮助文档 - 全面的报表使用教程和学习资料
2、LED字体展示效果

二、实现思路
1、新增字体存放路径
(1)本地的系统字体,如win

(2)jdk中放字体,如... java-8u171\jdk171\jre\lib\fonts

(3)性能优化插件:绘图支持,增加WEB-INF/fonts下字体自动加载系统引擎,不需要安装字体到操作系统也可以让java绘图支持自定义字体

2、CSS引入外部字体
(1)应用场景:由于文本形式的内容依赖本地系统字体,可以使用CSS引入外部字体,替换原本字体样式,如Symbol
(2)解压LED.zip,将以下三个文件放到工程中指定目录:

(3)修改stylesheet.css内容

(4)参考js
setTimeout(function() {
$('<link rel="stylesheet" type="text/css" href="/webroot/help/LED/液晶数字字体.css"/>').appendTo('head'); }, 200);
//css链接地址根据实际放的位置更改
或者
function dynamicLoadCss(url) {
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.type='text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}
dynamicLoadCss("/webroot/help/LED/液晶数字字体.css");

(5)使用方法:使用修改过的字体为symbol

三、注意事项
1、字体乱码问题:https://kms.fineres.com/pages/viewpage.action?pageId=95851206
2、转换ttf格式字体格式:https://www.fontke.com/tool/fontface
3、注意商用时的字体版权问题
四、已完成模板(提交附件)
见百度云:链接:https://pan.baidu.com/s/1kRHUHNHQPtwWNX0Oxcv5iA
提取码:h2q0
对你有帮助的话,可以点赞+关注+收藏,更多知识分享持续更新~

浙公网安备 33010602011771号