React Common - Object Structures - PdfExportGanttProps - font

Specifies the font.

Specify the font property in the exportGantt method to use a custom font in the exported Gantt data. The fontObject and name properties are required.

jQuery
index.js
Roboto-BoldItalic.js
DevExpress.pdfExporter.exportGantt(
  {
    component: ganttInstance,
    createDocumentMethod: (args) => new jsPDF(args),
    font: {
        fontObject: myfont,
        name: 'Roboto-BoldItalic',
    }
  },
).then((doc) => {
  doc.save('gantt.pdf');
});
// ===== or when using modules =====
import { exportGantt as exportGanttToPdf } from 'devextreme/pdf_exporter';
exportGanttToPdf(
  {
    component: ganttInstance,
    createDocumentMethod: (args) => new jsPDF(args),
    font: {
        fontObject: myfont,
        name: 'Roboto-BoldItalic',
    }
  },
).then((doc) => doc.save('gantt.pdf'));
var myfont = 'AAEAAAAS...';
Angular
app.component.ts
Roboto-BoldItalic.js
import { exportGantt as exportGanttToPdf } from 'devextreme/pdf_exporter';
exportGanttToPdf(
  {
    component: ganttInstance,
    createDocumentMethod: (args) => new jsPDF(args),
    font: {
        fontObject: myfont,
        name: 'Roboto-BoldItalic',
    }
  },
).then((doc) => doc.save('gantt.pdf'));
var myfont = 'AAEAAAAS...';
Vue
App.vue
Roboto-BoldItalic.js
import { exportGantt as exportGanttToPdf } from 'devextreme/pdf_exporter';
exportGanttToPdf(
  {
    component: ganttInstance,
    createDocumentMethod: (args) => new jsPDF(args),
    font: {
        fontObject: myfont,
        name: 'Roboto-BoldItalic',
    }
  },
).then((doc) => doc.save('gantt.pdf'));
var myfont = 'AAEAAAAS...';
React
App.js
Roboto-BoldItalic.js
import { exportGantt as exportGanttToPdf } from 'devextreme/pdf_exporter';
exportGanttToPdf(
  {
    component: ganttInstance,
    createDocumentMethod: (args) => new jsPDF(args),
    font: {
        fontObject: myfont,
        name: 'Roboto-BoldItalic',
    }
  },
).then((doc) => doc.save('gantt.pdf'));
var myfont = 'AAEAAAAS...';

fontObject

A custom font object.

Type:

Object

Default Value: undefined

Use the jsPDF font converter to generate a custom font object. Specify font settings and load your font file (.ttf). The converter generates a .js file with the content of your font file.

DevExtreme Gantt - Custom Font for PDF Export

Add the generated .js file or only a base64-encoded string from this file to your project to export data with your font.

Refer to the font property description for the example.

name

The font name.

Type:

String

Default Value: undefined

style

The font style.

Type:

String

Default Value: 'normal'
Accepted Values: 'bold' | 'normal' | 'italic'

weight

The font weight.

Type:

String

|

Number

Default Value: undefined
Accepted Values: 'normal' | 'bold' | 400 | 700