ActiveReports Web端在线设计器教程 – 如何调用自定义字体

在实际的应用场景中，经常会有这样的情况，机器中本身自带的字体不能满足特殊字节的显示。特别是化工行业、建筑行业、金属行业特殊符 用的特别多。这时候为了满足实际应用中的这些特殊字符的问题，就会自定义一份字体文件，在进行 表设计的时候进行调用。

现在我们就来讲解如何进行自定义文字的调用：

1. 首先就是安装字体，需要把字体安装在对应的路径下，具体路径如下：C:WindowsFonts

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

3. 但是在web端设计中，不进行API的设置是没办法调用该字体的，具体API的调用的方法如下
其中 ‘Arial’,’SJQY’,’Times New Roman’  代表字体的命名。

designerOptions.fonts = ['Arial','SJQY','Times New Roman'];<script>var designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();designerOptions.server.url = 'api';designerOptions.reportInfo = '@reportId' { id: '@reportId' } : null;designerOptions.openButton.visible = true;designerOptions.saveButton.visible = true;designerOptions.saveAsButton.visible = true;// Used in About dialog and File View Help tab.designerOptions.documentation.home = 'https://www.grapecity.com/activereports/docs/v15/online-webdesigner/overview.html';// Used in notifications about report items transformation.designerOptions.documentation.reportItemsTransformation = 'https://www.grapecity.com/activereports/docs/v14/online-webdesigner/supportedcontrols.html';designerOptions.reportItemsFeatures.table.autoFillFooter = true;var viewer = null;designerOptions.openViewer = function (options) {if (viewer) {viewer.openReport(options.reportInfo.id);return;}viewer = GrapeCity.ActiveReports.JSViewer.create({locale: options.locale,element: '#' + options.element,reportService: {url: 'api/reporting',},reportID: options.reportInfo.id,settings: {zoomType: 'FitPage'},});};designerOptions.fonts = ['Arial','SJQY','Times New Roman'];designerOptions.dataTab.dataSets.canModify = true;designerOptions.dataTab.dataSources.canModify = true;GrapeCity.ActiveReports.WebDesigner.renderApplication("designer-id", designerOptions);</script>

4. 预览结果

ActiveReports 表控件| 下载试用

ActiveReports 是一款专注于 .NET 平台的 表控件，全面满足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平台下 表设计和开发工作需求，作为专业的 表工具为全球超过 300,000 开发人员提供了全面的 表开发服务。

如果您对我们的产品还有任何疑问，欢迎咨询在线客服>>

标签：