Fonts
Edit online

Fonts are an important part of the publication. Your font selection should take into consideration both design and the targeted ranges of characters.

To use them in the customization CSS:

  • You can place the font files in the same folder as your CSS and use a @font-face definition to reference them.
  • You can use web fonts (for example, Google Fonts), and import the CSS snippet into your CSS.
  • You can use system fonts.
All these techniques are explained in: Oxygen PDF Chemistry User Manual: Fonts.

How to Set Fonts to Headers, Titles and Content
Edit online

Suppose that customization css, you have defined your font (for example, Roboto) using a Google web font:

@import url('https://fonts.googleapis.com/css?family=Roboto');

To use it in all the header parts:

@page {
  @top-left-corner { font-family: "Roboto"; }
  @top-left { font-family: "Roboto"; }
  @top-center { font-family: "Roboto"; }
  @top-right { font-family: "Roboto"; }
  @top-right-corner { font-family: "Roboto"; }
}

For the titles, match all the topic/title elements:

*[class ~= "topic/title"] {
  font-family: "Roboto";
}
For the content, you can match the root element of the document and set another font on it (for example, sans-serif). All elements will inherit this font.
:root {
  font-family: sans-serif;
}
As the title selector from the above example is more specific, it will take precedence over the selector that was used for content, thus the titles will preserve the Roboto font.

How to Use Fonts for Asian Languages
Edit online

For Asian languages, you must use a font or a sequence of fonts that cover the needed character ranges. If the characters are not found, the # symbol is used.

When you specify a sequence of fonts, if the glyphs are not found in the first font, the next font is selected until one that includes all the glyphs is found. A common font sequence for Asian languages is used in the following example.

In your customization css add:

:root {
  font-family: Calibri, SimSun, "Malgun Gothic";
}