Typography

Set typography for specific parts of the document and add basic formatting capabilities.

Overview

Resource location: @import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/styling/typography.css");

By default, the template uses the Roboto font.

gray pdf concept topic

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Note:

By default, there is a limited number of fonts that you can use for customizations. If you want to add a particular font to the system, contact your Customer Success Manager.

Set the cover page font
cover page typography
JSON 
/* Set the cover page font. */
.title-text {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the table of contents font
typography toc
JSON 
/* Set the table of contents font. */
body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the header and footer font
typography header footer
JSON 
/* Set the header and footer font. */
@page {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the document body font (excluding titles)
typography body
JSON 
/* Set the document body font (excluding titles). */
article,
article * {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the document body titles font
typography body titles
JSON 
/* Set the document body titles font. */
.title,
.title *,
.table--title-label,
.fig--title-label,
figcaption:not(figcaption > .desc) {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}