Typography

How to use Typography options in WordPress Carousel Pro

Typography

(1) Load Carousel Section Title Font: A user can ON/OFF Google Fonts with this option.

Turning ON:

  • Google Fonts will be loaded for the Carousel 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.

Advanced Settings
Advanced Settings

By default, the option is always ENQUEUE.

Turning OFF:

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

(2) Carousel Section Title Font: Set Carousel Section Tille font properties as you wish.

Font properties:

Font-Properties
Font Properties

(I) Font Family: There are 900+ Google Fonts are available. They are completely free or opensource to use. Choose a font for free use in WordPress Carousel Pro. Also, you can search for a specific google font from the search bar of the Font Family field.

Fonts Family
Fonts Family

(II) Font Style: Available font styles for the selected font like below (It will be based on your font selection)-

  • Light 300
  • Light 300 Italic
  • Normal 400
  • Normal 400 Italic
  • Semi-Bold 600
  • Semi-Bold 600 Italic
  • Bold 700
  • Bold 700 Italic
  • Extra-Bold 800
  • Extra-Bold 800 Italic

(III) Subset: The subset defines the range of characters and the physical representation of a character – exists within the font set. The subset for the selected font can be defined here like-

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

(IV) Text Align: Set alignment for your text. Options are:

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

(V) Text Transform: The Text transform CSS property specifies how to capitalize on an element’s text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. Available features are:

  • None
  • Capitalize
  • Uppercase
  • Lowercase

(VI) Font Size: Users can use custom font size which set here in pixel. The default value is 24px. 

(VII) Line Height: The LineHeight property defines the amount of space above and below inline elements. The default value is 28px. You can set as you like. 

(VIII) Letter Spacing: The LetterSpacing controls the amount of space between each letter in a given element or block of text.

(IX) Font Color: The font color typically means the color specified for the block. You can set any color as you want.

(X) In this section, you can see a live preview according to your font properties settings. You can ON and OFF this by clicking Top-Right corner Button  

(3) Load Caption Font: Same as Number (1)

(4) Caption Font: Same as Number (2)

(5) Load Description Font: Same as Number (1)

(6) Description Font: Same as Number (2)