原創(chuàng)|使用教程|編輯:龔雪|2021-06-24 10:55:01.817|閱讀 220 次
概述:本文主要介紹Web端的在線設(shè)計器如何調(diào)用自定義字體,歡迎下載最新版ActiveReports體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在實際的應(yīng)用場景中,經(jīng)常會有這樣的情況,機器中本身自帶的字體不能滿足特殊字節(jié)的顯示。特別是化工行業(yè)、建筑行業(yè)、金屬行業(yè)特殊符號用的特別多。這時候為了滿足實際應(yīng)用中的這些特殊字符的問題,就會自定義一份字體文件,在進行報表設(shè)計的時候進行調(diào)用。
現(xiàn)在我們就來講解如何進行自定義文字的調(diào)用:
1. 首先就是安裝字體,需要把字體安裝在對應(yīng)的路徑下,具體路徑如下:C:\Windows\Fonts
2. 如果是使用桌面端設(shè)計器,你在此處安裝了對應(yīng)的字體文件之后,在桌面端的設(shè)計器中就可以調(diào)用該字體,這里我調(diào)用的是一個 特殊的字體“SJQY”鋼材建筑行業(yè)使用的一個特殊字體。
3. 但是在web端設(shè)計中,不進行API的設(shè)置是沒辦法調(diào)用該字體的,具體API的調(diào)用的方法如下
其中 '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. 預(yù)覽結(jié)果
ActiveReports 是一款專注于 .NET 平臺的報表控件,全面滿足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平臺下報表設(shè)計和開發(fā)工作需求,作為專業(yè)的報表工具為全球超過 300,000 開發(fā)人員提供了全面的報表開發(fā)服務(wù)。
本文轉(zhuǎn)載自
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: