Home Page

Typography

Kong provides rich options to completely control over every facet of your site’s typographical styles. Following is the quick overview:

To customize your site’s Typography, from Live Customizer select Typography.


Typography

Live Customizer → 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




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.




Multi Variants for Roboto Typeface




General Headings & Paragraphs

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.

Entry Headings

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.