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);
}