This dialog box brings all the typography options at one place. You can change the text styles of individual elements very easily.

1 Selection Radio Button

Allows you to choose the element with which you want to define the typography. Here is what happens if choose the following-
Complete – You can customize the typography for any element from the list given in the extreme left of the window.
Headings- It will let you specify the typography of headings only while making the list of elements inactive.
Text- It will allow you to define the styling of text only.

2 List of Elements

From the given list, you can choose the element whose text style you want to change.

3 Google Web Fonts

From this list, you can select any Google font for your website. And if you want to browse more fonts online, Click on the  “Google Fonts” button.

4 Custom Fonts

This is the list of custom fonts, you can select any font from the given list. Click on the ” Browse” button to browse and find more custom fonts.

5 System Fonts

If you want to use a system font for your website, you can select the preferred font from the shown list.

6 List of Font Styles

You can choose the preferred style for the chosen font from this list of font styles.

7 Font Size Options

From this list, you can choose suitable font size as needed.

8 Change Font Color

You can choose a suitable color for the text with this tool.

9 Alignment

Use this option to modify the alignment of the text. According to the need of your template/theme or website, you can set the alignment of the text.

10 Margin

Specifies the margin of the text. You can mention the Top and Bottom Margins.

11 Select Font Effect

Use this option to choose an underline or strike through style for the text.

12 Text Preview

This option lets you preview the text style.

13 Save

Applies the text styles and saves it.

14 Cancel

Cancels the changes you have done and closes the dialog box.