找回密码
 立即注册

QQ登录

只需一步,快速开始

KearneyKang 讲师达人认证 悬赏达人认证

超级版主

199

主题

6505

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
10802

圣诞拼拼乐微信认证勋章讲师达人悬赏达人元老葡萄

KearneyKang 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2021-3-9 18:55  /   查看:3179  /  回复:0
如何调用自定义的字体
在实际的应用场景中,经常会有这样的情况,机器中本身自带的字体不能满足特殊字节的显示。特别是化工行业、建筑行业、金属行业特殊符号用的特别多。这时候为了满足实际应用中的这些特殊字符的问题,就会自定义一份字体文件,在进行报表设计的时候进行调用。

现在我们就来讲解如何进行自定义文字的调用
1、首先就是安装字体,需要把字体安装在对应的路径下,具体路径如下:C:\Windows\Fonts


2、如果是使用桌面端设计器,你在此处安装了对应的字体文件之后,在桌面端的设计器中就可以调用该字体,这里我调用的是一个 特殊的字体“SJQY”钢材建筑行业使用的一个特殊字体


3、但是在web端设计中,不进行API的设置是没办法调用该字体的,具体API的调用的方法如下
其中 'Arial','SJQY','Times New Roman'  代表字体的命名,
  1.    designerOptions.fonts = ['Arial','SJQY','Times New Roman'];
复制代码
  1.     <script>

  2.                 var designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();
  3.         designerOptions.server.url = 'api';
  4.                 designerOptions.reportInfo = '@reportId' ? { id: '@reportId' } : null;
  5.                
  6.                 designerOptions.openButton.visible = true;
  7.                 designerOptions.saveButton.visible = true;
  8.                 designerOptions.saveAsButton.visible = true;
  9.                
  10.                 // Used in About dialog and File View Help tab.
  11.                 designerOptions.documentation.home = 'https://www.grapecity.com/activereports/docs/v15/online-webdesigner/overview.html';
  12.                 // Used in notifications about report items transformation.
  13.                 designerOptions.documentation.reportItemsTransformation = 'https://www.grapecity.com/activereports/docs/v14/online-webdesigner/supportedcontrols.html';

  14.                 designerOptions.reportItemsFeatures.table.autoFillFooter = true;

  15.         var viewer = null;
  16.         designerOptions.openViewer = function (options) {
  17.             if (viewer) {
  18.                 viewer.openReport(options.reportInfo.id);
  19.                 return;
  20.             }
  21.             viewer = GrapeCity.ActiveReports.JSViewer.create({
  22.                 locale: options.locale,
  23.                 element: '#' + options.element,
  24.                 reportService: {
  25.                     url: 'api/reporting',
  26.                 },
  27.                 reportID: options.reportInfo.id,
  28.                 settings: {
  29.                     zoomType: 'FitPage'
  30.                 },
  31.             });
  32.                 };
  33.         designerOptions.fonts = ['Arial','SJQY','Times New Roman'];
  34.                 designerOptions.dataTab.dataSets.canModify = true;
  35.                 designerOptions.dataTab.dataSources.canModify = true;

  36.                 GrapeCity.ActiveReports.WebDesigner.renderApplication("designer-id", designerOptions);

  37.     </script>
复制代码
4、预览结果


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部