Typography

Kodhus provides following types to be used within your web pages.

Headers

Following are the standard 6 headings styled using Kodhus library.

Kodhus Heading 1

Kodhus Heading 2

Kodhus Heading 3

Kodhus Heading 4

Kodhus Heading 5
Kodhus Heading 6

You can also attach .h1, .h2, .h3, .h4, .h5, .h6 classes as well to your elements.

<div class="h1">Kodhus heading 1</div>
<div class="h2">Kodhus heading 2</div>
<div class="h3">Kodhus heading 3</div>
<div class="h4">Kodhus heading 4</div>
<div class="h5">Kodhus heading 5</div>
<div class="h6">Kodhus heading 6</div>
          
        

The output of this will be following:

Blockquote

Blockquotes automatically get styles as following:

Note: If you prefer not to put styles in the <head> of your page, including this style in your primary stylesheet will still help with element flickering since your CSS will likely load before your JavaScript.


Emphy

This is a text that is bigger than normal and is to highlight a point.

<p class="emphy">This is a text that is bigger than normal and is to highlight a point.</p>