世俱杯 2025

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

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 中分配：

配置本身可能如下所示：

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

FastReport Online Designer Builder 中的设计器配置

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

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

结果

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

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

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

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

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

QQ群号：536197826

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