When setting global Headers or Body typography options, there are several settings to fully control the display of the font, including weight, size, color, and even backup font family. Headers Typography, as seen below, has the additional options of setting top and bottom margins. These options are especially useful if you’d like to manually tweak your headings to fit your website better. Take note, that these options accept em units instead of pixel units.
Font Family – Illustrated as A. Controls the font family to be used.
Backup Font Family – Illustrated as B. Controls the backup font family to be used in case the primary font doesn’t load correctly.
Font Weight and Style – Illustrated as C. Controls the font weight and style to be used.
Font Subsets – Illustrated as D. Controls the font subset to be used.
Font Size – Illustrated as E. Controls the size of the text on display.
Line Height – Illustrated as F. Controls the spacing between lines.
Letter Spacing – Illustrated as G. Controls the spacing between letters.
Margin Top – Illustrated as H. (Only in Headers Typography). Controls the top margin of the title.
Margin Bottom – Illustrated as I. (Only in Headers Typography). Controls the bottom margin of the title.
Font Color – Illustrated as J. Controls the color of the text.