彩票走势图

如何在报表工具 FastReport Online Designer 中使用自定义字体

翻译|行业资讯|编辑:董玉霞|2022-08-18 11:02:00.683|阅读 127 次

概述:在FastReport Online Designer中,可以向报表添加任何字体。这个新功能允许您多样化生成的报告。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

FastReport Online Designer中,可以向报表添加任何字体。这个新功能允许您多样化生成的报告。

可视化Web报表设计器FastReport Online Designer

FastReport Online Designer官方试用

可视化Web报表设计器FastReport Online Designer

为了使用非标准字体,您需要:

  • 部署字体服务器;
  • 使用 css 定义字体设置;
  • 将所需的字体和配置添加到 FastReport WebReport;
  • 在 Online Designer Builder 中自定义 FastReport Online Designer。
服务器部分

让我们从字体服务器开始。它应该返回一个带有字体设置的 css 文件,具体取决于请求的名称。例子:

@font-face {
 font-family: 'Usually-font';
 src: url('//localhost:58300/fonts/Usually-font.otf') format('opentype');
}


设计者在族 GET 参数中发送所请求字体的名称。下面是一个 ASP.NET 控制器的示例:

namespace MyFontServer.Controllers
{
 [Route("fonts")]
 public class FontsController : Controller
 {
 IHostingEnvironment _hostingEnvironment;
 public FontsController(IHostingEnvironment hostingEnvironment)
 {
 _hostingEnvironment = hostingEnvironment;
 }
 public IActionResult Index(string family)
 {
 return new PhysicalFileResult(Path.GetFullPath($"wwwroot/fonts/{family}.css"), "text/css");
 }
 
 }
}


这个控制器将接收一个带有family参数的请求——这是请求字体的名称。答案将是一个 css 文件,其中使用 @font-face 描述所需的字体。设计器还发送包含当前报告标识符的 GET 参数 report_id。

然后您需要将字体文件添加到设计器使用的 FastReport Web 报表中。例如:

FastReport.Utils.Config.PrivateFontCollection.AddFontFile("wwwroot/fonts/Usually-font.otf");

这是必要的,以便在准备报告时使用正确的字体。

为了在设计器中可以选择字体,需要在“get custom config”中指定系列。这是一个包含附加设计器配置地址的环境变量。此变量的值在 FastReport Online Designer Builder 中分配:

可视化Web报表设计器FastReport Online Designer

配置本身可能如下所示:

{
 "font-names": [
 "Usually-font",
 "Liberation sans",
 "Excelorate-Font"
 ]
}

FastReport Online Designer Builder 中的设计器配置

让我们继续设计器设置。打开 FastReport Online Designer Builder 并找到 Config 部分,其中有一个块“使用字体服务器用于自定义字体”。

可视化Web报表设计器FastReport Online Designer

此选项允许您将设计器配置为使用特定的字体服务器。在这里您需要选中“使用自定义字体服务器?”框 并设置字体服务器的地址。例如:

可视化Web报表设计器FastReport Online Designer

结果

现在,在启动时,设计师通过获取自定义配置获得可用字体列表:

可视化Web报表设计器FastReport Online Designer

然后,当您选择所需的字体时,它会从指定的字体服务器下载它:

可视化Web报表设计器FastReport Online Designer

该字体在准备报告时也可以使用,因为它已添加到 WebReport:

可视化Web报表设计器FastReport Online Designer

以上就是在 FastReport Online Designer 中使用自定义字体的相关内容。

加入FastReport官方社群,了解更多产品咨询。

QQ群号:536197826

FastReport Online Designer是一个跨平台的可视化Web报表设计器,想要了解更多版本的FastReport价格信息,欢迎咨询慧都在线客服。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP