Adding a Font to the Resource

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Dashboards.JS ✖Ресурсы ✖
Embedding a font as a dashboard resource makes the template self-contained — it renders with the same typography everywhere.

In React.
import { Designer, Stimulsoft } from "stimulsoft-dashboards-js-react/designer";

function App() {
    var report = new Stimulsoft.Report.StiReport();
    report.loadFile("Dashboards/CusomFontDashboard.mrt");

    var fileContent = Stimulsoft.System.IO.File.getFile("Fonts/LongCang-Regular.ttf", true);
    var resource = new Stimulsoft.Report.Dictionary.StiResource(
        "LongCang", "LongCang", false,
        Stimulsoft.Report.Dictionary.StiResourceType.FontTtf, fileContent);
    report.dictionary.resources.add(resource);

    var options = new Stimulsoft.Designer.StiDesignerOptions();
    options.appearance.fullScreenMode = true;

    return <Designer options={options} report={report} />;
}

How it works. The font travels inside the template, so previews and exports use the exact same glyphs with no installed font.
Открыть на GitHub Скачать