[‘Here you can customize typography:


General

You can customize text style for Body Text and Heading Text.
To customize color or layout for these 2 kinds of text, you can click the buttons at the bottom of each sub-panel.

live-typoO


Body fonts

    • Body font type: change font type for body text
      • You can choose google fonts, standard fonts or Custom fonts
      • Custom fonts support file with format: eot, otf, ttf, woff, woff2
    • Body text size: drag to change size for body text
    • Body line height: change height between 2 text lines on body text
    • Body letter spacing: change spacing between 2 letters on body

17

 


Heading font

    • Heading font type: change font type and style for heading text
      • You can choose google fonts, standard fonts or Custom fonts
      • Custom fonts support file with format: eot, otf, ttf, woff, woff2
    • Heading base size: change size for all headings. This means changing all your headings in an appropriate ratio (no need to manually change size for each heading)
    • Heading line height: change height between 2 text lines on heading
    • Heading letter spacing: change spacing between 2 letters on heading

16

To customize color or layout, you can click the buttons at the bottom of each sub-panel

 


Page Title

Options:

  • Heading style: pick up a style for heading
    • I: Italic
    • U: Underline
    • T: Uppercase
  • Heading text size: change size for heading text
  • Heading line height: change height between 2 text lines for heading
  • Heading letter spacing: change spacing between 2 letters for headingtfr
    15

To customize color or layout, you can click the buttons at the bottom of each sub-panel

 


Button

Options:

  • Style: pick up a style for button text
    • I: Italic
    • U: Underline
    • T: Uppercase
  • Text size: change size for button text
  • Line height: change height between 2 text lines for button text
  • Letter spacing: change spacing between 2 letters for button text13

To customize color or layout, you can click the buttons at the bottom of each sub-panel

 


Quotes

Options:

  • Text font: pick up a font for quote text
  • Text style: pick up a style for quote text

To customize color or layout, you can click the buttons at the bottom of each sub-panel