Una versión reciente de FastReport Online Designer ha dado la posibilidad de anexar cualquier fuentes al informe. Este novedad permite diversificar los informes creados.
Para utilizar las fuentes no estandardizadas necesita:
- expandir el servidor de fuentes;
- establecer las configuraciones de fuentes por vía de css;
- añadir las fuentes necesarias y la configuración en FastReport WebReport;
- configurar FastReport Online Designer en Online Designer Builder.
El servidor
Empezamos por el servidor de fuentes. Debe devolver el archivo css con las configuraciones de fuente en función de un nombre solicitado. Un ejemplo:
@font-face { font-family: 'Usually-font'; src: url('http://localhost:58300/fonts/Usually-font.otf') format('opentype'); }
El administrador de diseño envía un nombre de la fuente solicitada en el parámetro GET family. Debajo hay un ejemplo del controlador en 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"); } } }
A este controlador se enviará una solicitud con el parámetro family, que es el nombre de la fuente solicitada. La respuesta será un archivo css que describe la fuente deseada por vía de @font-face. El administrador de diseño envía también el parámetro GET report_id, que contiene el identificador del informe actual.
Luego necesita añadir los archivos de fuentes en FastReport Web Report, utilizado por el administrador de diseño. Un ejemplo:
FastReport.Utils.Config.PrivateFontCollection.AddFontFile("wwwroot/fonts/Usually-font.otf");
Es necesario para que durante la preparación del informe se utiliza una fuente deseada.
Para que las fuentes sean disponibles a elegir en el administrador de diseño, necesita indicar las familias en “get custom config”. Esto es una variable del entorno que contiene una dirección de la configuración adicional del administrador de diseño. El valor de esta variable es asignado en FastReport Online Designer Builder:
La configuración misma puede verse así:
{ "font-names": [ "Usually-font", "Liberation sans", "Excelorate-Font" ] }
La configuración del administrador de diseño en FastReport Online Designer Builder
Pasamos a la configuración del administrador de diseño. Abrimos FastReport Online Designer Builder y encontramos la partición Config, que tiene el bloque “use font server for custom fonts”.
Esta opción permite configurar el administrador de diseño para trabajar con el tipo especial del servidor de fuentes. Aquí necesita poner la marca “use custom font server?” y determinar la dirección del servidor de fuentes. Por ejemplo:
El resultado
Ahora al inicio el administrador de diseño obtiene una lista de las fuentes disponibles gracias a la configuración get custom config:
Luego, cuando seleccione la fuente necesaria, le descargará a partir del servidor de fuentes especificado:
La fuente funciona también durante la preparación del informe porque se ha añadido en WebReport:
En resumen. Hemos realizado la configuración del servidor de fuentes ASP.NET, hemos examinado la configuración del administrador de diseño del back-end y del front-end. También aprendimos a añadir y configurar fuentes personalizadas en FastReport Online Designer.