Typography

Typography

Load Slider Section Title Font: A user can show/hide Google Fonts with this feature.

Turning ON:

  • Google Fonts will be loaded for the slider section title.
  • In the case of CSS, it adds the ‘font-family’ property in the markup.
  • It won’t work if the ‘Google Fonts’ feature is turned ‘Dequeue’ from the ‘Settings→ ADVANCED SETTINGS’ field of the plugin.

Turning OFF:

  • Google Fonts will stop loading for the slider section title.
  • The font-family will be loaded from the theme automatically.

Load Category Name Font, Load Custom Text Font, Load Description Font & Load Shop Now Button Font features buttons are the same as the ‘Load Slider Section Title Font‘.

Font Properties:

Font Properties

Font Family: There are 900+ Google Fonts are available for free to use. Choose a font for free use in the category slider. Also, you can search for a specific google font from the search bar of the ‘Font Family’ field.

Font Family

Font Style: Available font styles 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.

Font Color & Hover Color: In the typography, you have color field to change the font color. Also, you can change the font hover color.

Font Preview Field: After setting all font properties, you can see the preview of the font in the below preview box. Click on the box anywhere to show the font preview.