在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價格信息，歡迎咨詢慧都在線客服。