How to use font settings?

Theme settings has two sections related to the font:

1. Theme settings → Font - in this section you can DEFINE fonts.
2. Theme settings → Typography - in this section you can SET defined font for:
   • site,
   • headings (optional),
   • main menu (optional).

Font settings

In the font settings section (Theme settings → Font) you can define the following font types:

• Normal fonts - fonts available by default in OS systems, without additional installation.
• Google Fonts - fonts available on fonts.google.com.
• Custom fonts - fonts defined in custom font file, for example WOFF or TTF/OTF.

For each font type optionally you can define 3 fonts. This is required if you want to use different font for page, different font for headings, different font for main menu items:

• Normal fonts
  • Font name #1
  • Font name #2
  • Font name #3
• Google Fonts
  • Font name #1
  • Font name #2
  • Font name #3
• Custom fonts
  • Font name #1
  • Font name #2
  • Font name #3

Normal fonts

If you do not want to use the Normal fonts skip this section.

To define the Normal fonts:

1. Go to: Theme settings → Font → Normal fonts.
2. Select fonts from the list.

Google Fonts

If you do not want to use the Google Fonts skip this section.

To define the Google Fonts:

1. Go to fonts.google.com and find font which you want to use.
2. Go to: Theme settings → Font → Google Fonts.
3. Set the font name.
4. Set the font style.

Custom fonts

If you do not want to use the Custom fonts skip this section.

To define the Custom fonts:

1. Prepare your custom font to add it to your site. You may use online font generator tool, for example Font Squirrel.
2. Go to: Theme settings → Font → Custom fonts.
3. Upload your custom font files with accepted formats: woff2, woff, ttf.
4. Set the font name.

Typography settings

To set font:

1. Go to: Theme settings → Typography → Global.
2. Select font which you want to use.
3. Set font size (in pixels) and font weight.