Typography

The Krozaro library provides several flavours of text content that can adapt to your ever changing product needs. Examples of different variations of textual content:

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
            
<h1> Heading 1</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
            
            

Text

Extra Small

Small

Medium

Highlighted Text

Large

Extra Large

            
<p class="xs"> Extra Small</p>
<p class="sm"> Small</p>
<p class="md"> Medium</p>
<p class="md highlight"> Highlighted Text</p>
<p class="lg"> Large</p>
<p class="xl"> Extra Large</p>
            
            

Font

We have included 2 fonts with the krozaro library - Roboto and Montserrat. You can use them as shown below -

             
.class{
 font-family: var(--font-primary);
}
.class1{
  font-family: var(--font-secondary);
}