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
/* Set the cover page font. */
.title-text {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the table of contents font
typography toc
/* Set the table of contents font. */
body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the header and footer font
typography header footer
/* Set the header and footer font. */
@page {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
Set the document body font (excluding titles)
typography body
/* 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
/* 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;
}