ActiveReportsJS v2.0 beta版—使用ActiveReportsJS API注册自定义字体

收藏

本帖最后由 KearneyKang 于 2020-11-17 17:35 编辑

使用ActiveReportsJS API注册自定义字体

默认情况下，ActiveReportsJS报表设计器使用可用于报表控件（例如TextBox）的预定义字体列表。此外，ActiveReportsJS API允许注册自定义字体（例如Google字体之一）以在报表中使用。
注册字体的必要类型是 [FontDescriptor](@api/interfaces/core.fontdescriptor.html)。这是描述 [Roboto 字体](https://fonts.google.com/specimen/Roboto)的FontDescriptor实例的示例
js

const robotoFont = {
name: "Roboto",
source:
"https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2",
};

复制代码

`FontStore`对象的`registerFont`方法接受字体描述对象并注册指定的字体，例如：
js

import { Core } from "@grapecity/activereports";
await Core.FontStore.registerFonts(robotoFont);

复制代码

应用程序应在初始化设计器实例之前调用此代码。
该应用程序使用相同的API为ActiveReportJS Viewer实例注册自定义字体。检查 [注册ActiveReportsJS Viewer的字体](../ActiveReportsJSViewer/Fonts)页面以获取更多信息。
操作ActiveReportsJS设计器中可用的字体列表
ActiveReportsJS设计器实例的 [fontSet 属性](@api/classes/reportdesigner.designer.html#fontset) 允许处理可用于设计报告的字体列表。此属性的接受值为：

- 默认值：默认字体，取决于区域性可用
- 已注册：“ Arial”和自定义注册字体均可用
- 全部：默认字体和注册字体均可用

		自动登录	找回密码
密码			立即注册

ActiveReportsJS v2.0 beta版—使用ActiveReportsJS API注册自定义字体

0 个回复

圣诞拼拼乐

微信认证勋章

讲师达人

悬赏达人

元老葡萄