【帆软FR】新增自定义字体（以LED字体为例）

2024-04-10 16:54:24

一、描述

1、常见问题

（1）linux系统字体安装方法：https://blog.csdn.net/u011606175/article/details/81006932

可能导致的现象：导出图表显示不了中文，但是单元格可以显示中文

（2）jdk中字体补充方法：https://help.finereport.com/doc-view-1133.html

可能的原因：导出后单元格中字体排版错乱（若与图表字体有关，参见上面方法）

（3）字体扩展插件：https://help.finereport.com/doc-view-1423.html

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

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");