logo
small logo
  • Producto
  • Comprar
  • Ayuda
  • About
  • Consola de usarios Ayuda
    • en
    • de
    • JP
    • ZH
  • Página principal
  • /
  • Blogs
  • /
  • Cómo utilizar las fuentes de usuario en FastReport Online Designer
  • Using of Online Report Designer in FastReport .NET

    3 de marzo de 2015

    In FastReport .NET 2015.1 we have released an Online Report Designer. This Designer can be

    read more
  • Informes web en Lazarus en Linux

    15 de diciembre de 2020

    Hasta hace poco, generar informes a través de la Web desde una aplicación escrita en

    read more
  • Cómo actualizar el informe web FastReport.Core

    21 de septiembre de 2020

    A veces es necesario actualizar el informe, por ejemplo, si ingresa un nuevo valor de

    read more
  • How to use Online Designer in ASP .NET Core

    17 de enero de 2018

    One of the novelties by FastReport .NET 2018 was the adaptation of OnlineDesigner to the

    read more
  • Cómo crear un informe dentro de la aplicación ASP .NET MVC en Visual Basic

    3 de marzo de 2022

    Según muchas personas, el lenguaje de programación Visual Basic .NET es un lenguaje de

    read more

Cómo utilizar las fuentes de usuario en FastReport Online Designer

20 de diciembre de 2021

FastReport Online Designer

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. 

Las fuentes añadidas

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 “get custom config” 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”.

La configuración “use custom font server” en FastReport Online Designer Builder

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: 

La configuración “use custom font server” en FastReport Online Designer Builder

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:

La lista de las fuentes disponibles

Luego, cuando seleccione la fuente necesaria, le descargará a partir del servidor de fuentes especificado:

La solicitud para obtener las configuraciones de fuente a partir del servidor

La solicitud para obtener una fuente a partir del servidor

La fuente funciona también durante la preparación del informe porque se ha añadido en WebReport:

Una nueva fuente durante la preparación del informe

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.

about product comprar
avatar
Stas Antonenko
Web Development
Fast Reports Team: Stas Antonenko - Web Development at Fast Reports
FastReport ASP.NET Online Designer WebReport

Add comment
logo
  • 800-985-8986 (English, US)
  • +4930568373928 (German)
  • +55 19 98147-8148 (Portuguese)
  • info@fast-report.com
  • 901 N Pitt Str #325 Alexandria VA 22314
  • Comprar
  • Descargar
  • Documentación
  • Opiniones de usuarios
  • Cómo desinstalar nuestros productos
  • FAQ
  • Toturial en vídeo
  • Foro
  • Documentación técnica
  • Nuestras noticias
  • Quiénes somos
  • Socios
  • Extended licensing
  • Contactos

© 1998-2023 by Fast Reports Inc.

  • Privacidad