Kong provides rich options to completely control over every facet of your site’s typographical styles. Following is the quick overview:
- Ton of Typefaces:
- Responsive: specifically change font sizes for desktop, tablet and mobile screen.
- Editable Styles: provides options to customise font weight, letter-spacing, line-height and color.
To customize your site’s Typography, from Live Customizer select Typography.
Realistically, there’s no reason to use more than three fonts, in any piece of design (not just the web) that’s it, no more, sorry. One for your headings and one for body copy. When you add in bold and italics we’re already looking at 4 variants of each, so that’s more than enough to play with.
Body’s typography can be considered the base font of your site since many components of your site such as paragraphs, normal texts should inherit the typography’s styles from Body. Therefore, it is important to select the right settings for Body’s Typography.
In the provided settings, there is a vital field called Font Source. If you select Google Font, you are able to pick up multi variants from your chosen typeface. It is recommended to look for at least 4 variants, one for regular texts, one for headings, one for bolds and one for itatics.
The styles for headings and paragraphs can be easily edited from General Heading and Paragraph sections.
With the options in General Heading, you are able to set default styles for all headings of your site. It means if you don’t specify the style of a particular heading, its style will inherit from the styles configured from the General Heading panel.
In Kong, entries are the blocks containing the content filled by the WordPress WYSIWYG Editor or built by the Page Builder. They must be wrapped by
.kong-entry CSS class. Live Customizer provides you all options to edit styles of Heading 1 to Heading 6 wrapped insides entries. Since heading tags may appear in other parts of your site such as Header, Footer or inside Widgets, the rule will ensure that there is no interfere between the styles of heading inside entries and the styles headings from other parts of your site.