React Common - Object Structures - GanttExportOptions - font

Specifies the font.

Type: GanttExportFont

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.

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

| undefined
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

| undefined
Default Value: undefined

style

The font style.

Type:

String

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

weight

The font weight.

Type:

String

|

Number

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