A certain visual aspect you give to the website goes hand in hand with a certain typographic style.
Therefore, it is important to set the typography according to your unique brand. It might tell a story, or it might look professional, or you can talk to your readers in a casual manner. All this is expressed by your typography.
Go to the Customizer -> General Settings -> Typography.
1. WEB FONTS IN SITE
From this subsection, you can define the fonts that will be used within the pages of the website.
In case a web font is missing, you have the possibility to add it, by clicking on Add Web Font.
For the existing web fonts, you can use the Edit option. If you want to remove a web font from the list, press Remove.
2. DEFAULT ELEMENTS TYPOGRAPHY
From this subsection, you can define the typography of text elements organized in paragraphs or headings.
Thus, you can set the typography for:
General Typography
The site typography can be adjusted as follows:
- Font Family – select a font family for the general text
- Variant – select the variant from Normal, Bold, Italic, etc.
- Color – apply the color of your choice to the text
- Font Size – define the size of the general text in site
H1 Typography
The Heading 1 typography can be adjusted as follows:
- Font Family – select a font family for the heading 1
- Variant – select the variant from Normal, Bold, Italic, etc.
- Font Size – select a value for the font size on desktop
- Mobile Font Size – select a value for the font size on mobile devices
- Line Height – define the distance between rows, by setting an appropriate value for the line height
- Letter Spacing – define the distance between letters in a H1 text
- Color – select the color of your choice for the H1 text
H2 Typography
The Heading 2 typography can be adjusted as follows:
- Font Family – select a font family for the heading 2
- Variant – select the variant from Normal, Bold, Italic, etc.
- Font Size – select a value for the H2 font size on desktop
- Mobile Font Size – select a value for the H2 font size on mobile devices
- Line Height – define the distance between rows, by setting an appropriate value for the line height
- Letter Spacing – define the distance between letters in a H2 text
- Text Transform – set the text to be turned into uppercase, lowercase, capitalized text, etc.
- Color – select the color of your choice for the H2 text
H3 Typography
The Heading 3 typography can be adjusted as follows:
- Font Family – select a font family for the heading 3
- Variant – select the variant from Normal, Bold, Italic, etc.
- Font Size – select a value for the H3 font size on desktop
- Mobile Font Size – select a value for the H3 font size on mobile devices
- Line Height – define the distance between rows, by setting an appropriate value for the line height
- Letter Spacing – define the distance between letters in a H3 text
- Text Transform – set the text to be turned into uppercase, lowercase, capitalized text, etc.
- Color – select the color of your choice for the H3 text
H4 Typography
The same options as above can be applied.
H5 Typography
The same options as above can be applied.
H6 Typography
The same options as above can be applied.