Typography

Title Section

Load Item Title Font:

A user can show/hide Google Fonts with this feature.

Turning ON:

  • Google Fonts will be loaded for the title.
  • In the case of CSS, it adds the ‘font-family’ property in the markup.
  • Other font styles will be applied from the below ‘Item Title Font’ options.
  • It won’t work if the ‘Google Fonts’ feature is turned ‘OFF’ from the ‘Settings→ ADVANCED SETTINGS’ field of the plugin.

Turning OFF:

  • Google Fonts will stop loading for the title.
  • The font-family will be loaded from the theme automatically.
  • Other font styles will still be applied from the below ‘Item Title Font’ automatically.

Item Title Font: 

All the typography styles are here to apply for the title. These styles will be applied from here, though the ‘Load Item Title Font’ feature is turned ‘OFF’.

Font-Family: Available Google Fonts.

Font-Weight:

Available font weight for the selected font like-

  • Normal
  • Normal Italic
  • Light
  • Light Italic
  • Bold
  • Bold Italic
  • Semi Bold
  • Semi Bold Italic
  • Extra Bold
  • Extra Bold Italic

Subset:

A subset for the selected font can be defined here like-

  • Latin
  • Latin Extended
  • Greek
  • Greek Extended
  • Cyrillic
  • Vietnamese

Text Align: 

Available features-

  • Inherit
  • Left
  • Center
  • Right
  • Justify
  • Initial

Text Transform: 

  • None
  • Capitalize
  • Uppercase
  • Lowercase

Font Size:

A custom font size can be set here in pixel. The default value is 20px.

Example: 15px, 18px, 25px, 30px.

Line Height: 

A custom font size can be set here in pixel. The default value is 30px.

Example: 15px, 20px, 25px, 35px.

Letter Spacing: 

A custom font size can be set here in pixel. The default value is 30px.

Example: 1px, 2px, 3px, 4px.

Available Colors for the Title:

  • Font Color                = For general state
  • Font Hover Color    = For hover state
  • Font Active Color   = For active/focus state

Description Section

Load Item Description Font:

A user can show/hide Google Fonts with this feature.

Turning ON:

  • Google Fonts will be loaded for the description.
  • In the case of CSS, it adds the ‘font-family’ property in the markup.
  • Other font styles will be applied from the below ‘Item Title Font’ options.
  • It won’t work if the ‘Google Fonts’ feature is turned ‘OFF’ from the ‘Settings→ ADVANCED SETTINGS’ field of the plugin.

Turning OFF:

  • Google Fonts will stop loading for the description.
  • The font-family will be loaded from the theme automatically.
  • Other font styles will still be applied from the below ‘Description Font’ automatically.

Description Font: 

All the typography styles are here to apply for the description. These styles will be applied from here, though the ‘Load Item Description Font’ feature is turned ‘OFF’.

Font-Family: Available Google Fonts.

Font-Weight:

Available font weight for the selected font like-

  • Normal
  • Normal Italic
  • Light
  • Light Italic
  • Bold
  • Bold Italic
  • Semi Bold
  • Semi Bold Italic
  • Extra Bold
  • Extra Bold Italic

Subset:

A subset for the selected font can be defined here like-

  • Latin
  • Latin Extended
  • Greek
  • Greek Extended
  • Cyrillic
  • Vietnamese

Text Align: 

Available features-

  • Inherit
  • Left
  • Center
  • Right
  • Justify
  • Initial

Text Transform: 

  • None
  • Capitalize
  • Uppercase
  • Lowercase

Font Size:

A custom font size can be set here in pixel. The default value is 20px.

Example: 15px, 18px, 25px, 30px.

Line Height: 

A custom font size can be set here in pixel. The default value is 30px.

Example: 15px, 20px, 25px, 35px.

Letter Spacing: 

A custom font size can be set here in pixel. The default value is 30px.

Example: 1px, 2px, 3px, 4px.

Available Colors for the Description:

  • Font Color