在FastReport Online Designer中，可以向報表添加任何字體。這個新功能允許您多樣化生成的報告。

FastReport Online Designer官方試用

為了使用非標(biāo)準(zhǔn)字體，您需要：

• 部署字體服務(wù)器；
• 使用 css 定義字體設(shè)置；
• 將所需的字體和配置添加到 FastReport WebReport；
• 在 Online Designer Builder 中自定義 FastReport Online Designer。

服務(wù)器部分

讓我們從字體服務(wù)器開始。它應(yīng)該返回一個帶有字體設(shè)置的 css 文件，具體取決于請求的名稱。例子：

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

設(shè)計者在族 GET 參數(shù)中發(fā)送所請求字體的名稱。下面是一個 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參數(shù)的請求——這是請求字體的名稱。答案將是一個 css 文件，其中使用 @font-face 描述所需的字體。設(shè)計器還發(fā)送包含當(dāng)前報告標(biāo)識符的 GET 參數(shù) report_id。

然后您需要將字體文件添加到設(shè)計器使用的 FastReport Web 報表中。例如：

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

這是必要的，以便在準(zhǔn)備報告時使用正確的字體。

為了在設(shè)計器中可以選擇字體，需要在“get custom config”中指定系列。這是一個包含附加設(shè)計器配置地址的環(huán)境變量。此變量的值在 FastReport Online Designer Builder 中分配：

配置本身可能如下所示：

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

FastReport Online Designer Builder 中的設(shè)計器配置

讓我們繼續(xù)設(shè)計器設(shè)置。打開 FastReport Online Designer Builder 并找到 Config 部分，其中有一個塊“使用字體服務(wù)器用于自定義字體”。

此選項允許您將設(shè)計器配置為使用特定的字體服務(wù)器。在這里您需要選中“使用自定義字體服務(wù)器？”框 并設(shè)置字體服務(wù)器的地址。例如：

結(jié)果

現(xiàn)在，在啟動時，設(shè)計師通過獲取自定義配置獲得可用字體列表：

然后，當(dāng)您選擇所需的字體時，它會從指定的字體服務(wù)器下載它：

該字體在準(zhǔn)備報告時也可以使用，因為它已添加到 WebReport：

以上就是在 FastReport Online Designer 中使用自定義字體的相關(guān)內(nèi)容。

加入FastReport官方社群，了解更多產(chǎn)品咨詢。

QQ群號：536197826

FastReport Online Designer是一個跨平臺的可視化Web報表設(shè)計器，想要了解更多版本的FastReport價格信息，歡迎咨詢慧都在線客服。