logo
small logo
  • Продукты
  • Купить
  • Поддержка
  • О нас
  • Клиентская панель Поддержка
  • Главная
  • /
  • Статьи
  • /
  • Работа с пользовательскими шрифтами в FastReport Online Designer
  • Как использовать объект WebReport в приложениях ASP .NET Core

    17 января 2018 г.

    Не так давно FastReport порадовал нас новой библиотекой - FastReport Core. Это специальная версия FastReport

    Подробнее
  • Использование online дизайнера отчетов в FastReport .NET

    3 марта 2015 г.

    В FastReport .NET 2015.1 появилась возможность использования on-line дизайнера отчетов. Данный дизайнер может быть загружен

    Подробнее
  • Как делать автообновляемые веб - отчеты

    27 марта 2017 г.

    При наличии необходимости отражать текущее положение дел на предприятии с помощью веб - отчетов может

    Подробнее
  • Несколько отчетов в одном объекте WebReport - работа с закладками

    12 августа 2017 г.

    Популярное, сейчас, направление веб отчетов активно развивается в FastReport.Net. Новая функция – закладки, позволяет создавать

    Подробнее
  • Обновление объекта отчета в проекте ASP .NET MVC с помощью Ajax

    16 августа 2017 г.

    Технология ajax далеко не нова и существенно ускоряет работу веб приложений. Кроме того, не маловажна

    Подробнее

Работа с пользовательскими шрифтами в FastReport Online Designer

20 декабря 2021 г.

FastReport Online Designer

В недавнем релизе FastReport Online Designer появилась возможность добавлять в отчет любые шрифты. Это нововведение позволяет разнообразить создаваемые отчеты.

Добавленные шрифты

Для того, чтобы использовать нестандартные шрифты, нужно:

  • развернуть сервер шрифтов;
  • определить настройки шрифтов с помощью css;
  • добавить нужные шрифты и конфигурацию в FastReport WebReport;
  • сконфигурировать FastReport Online Designer в Online Designer Builder.

Серверная часть

Начнем с сервера шрифтов. Он должен возвращать css-файл с настройками шрифта, в зависимости от запрашиваемого названия. Пример:

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

Дизайнер отправляет название запрашиваемого шрифта в GET-параметре family. Ниже приведен пример контроллера на 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 Report, используемый дизайнером. Например:

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

Это нужно для того, чтобы при подготовке отчета использовался нужный шрифт.

Для того, чтобы шрифты были доступны для выбора в дизайнере, необходимо указать семейства в “get custom config”. Это переменная окружения, содержащая в себе адрес дополнительной конфигурации дизайнера. Значение этой переменной присваивается в FastReport Online Designer Builder:

Конфигурация “get custom config” в FastReport Online Designer Builder

Сама конфигурация может выглядеть так: 

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

Конфигурация дизайнера в FastReport Online Designer Builder

Перейдем к настройке дизайнера. Открываем FastReport Online Designer Builder и находим раздел Config, где есть блок “use font server for custom fonts”.

Конфигурация “use custom font server” в FastReport Online Designer Builder

Эта опция позволяет сконфигурировать дизайнер для работы с определенным сервером шрифтов. Здесь необходимо поставить флажок “use custom font server?” и задать адрес сервера шрифтов. Например: 

Конфигурация “use custom font server” в FastReport Online Designer Builder

Результат

Теперь при запуске дизайнер получает список доступных шрифтов, благодаря конфигурации get custom config:

Список доступных шрифтов

И затем при выборе нужного шрифта, загружает его с указанного сервера шрифтов:

Запрос на получение настроек шрифта с сервера

Запрос на получение шрифта с сервера

Шрифт также работает при подготовке отчета благодаря тому, что он был добавлен в WebReport:

Новый шрифт при подготовке отчета

Подведем итог. Мы с вами сделали конфигурацию сервера шрифтов на ASP.NET, рассмотрели настройки back-end’а и front-end’а дизайнера. Также научились добавлять и конфигурировать пользовательские шрифты в FastReport Online Designer.

О продукте Купить
avatar
Stas Antonenko
Веб-разработка
Fast Reports Team: Stas Antonenko - Web Development at Fast Reports
FastReport ASP.NET Online Designer WebReport

Добавить комментарий
logo
  • +7(800)551-75-80
  • info@fastreport.ru
  • Ростов-на-Дону, Россия, 344082, ул.Обороны 24, офис 311
  • Купить
  • Загрузить
  • Документация
  • Отзывы
  • Как деинсталировать
  • FAQ
  • Видео уроки
  • Форум
  • Условия оказания поддержки
  • Статьи
  • Наши Новости
  • Пресса о нас
  • Реселлеры
  • Нестандартное лицензирование
  • ВУЗам
  • Карьера
  • Контакты

© 1998-2023 ООО «Быстрые отчеты»

  • Согласие с обработкой персональных данных
  • Не является публичной офертой