點擊獲取ActiveReports v15.0下載

在實際的應用場景中，經常會有這樣的情況，機器中本身自帶的字體不能滿足特殊字節的顯示。特別是化工行業、建筑行業、金屬行業特殊符號用的特別多。這時候為了滿足實際應用中的這些特殊字符的問題，就會自定義一份字體文件，在進行報表設計的時候進行調用。

現在我們就來講解如何進行自定義文字的調用：

1. 首先就是安裝字體，需要把字體安裝在對應的路徑下，具體路徑如下：C:\Windows\Fonts

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 = '//www.grapecity.com/activereports/docs/v15/online-webdesigner/overview.html';
// Used in notifications about report items transformation.
designerOptions.documentation.reportItemsTransformation = '//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 開發人員提供了全面的報表開發服務。

本文轉載自