Scroll to Top

Font Control

Material Grammi use Google's Font 'Roboto' as optional Font & classes for them are introduced, which is also included in the download package and configured by default. Now Extreme control on fonts is available in Material Grammi Framework. Fonts need to be responsive too when we talk about Mobile First Frameworks, there should be different font sizes according to different devices. We also offer to control your document's font styling if you want to customize the font size, font style or text decorations, you can make it possible with Material Grammi. Font related classes are given in the below table, you can over-ride the default properties given by Material Grammi Framework.

SITEMAP Documentation / Css / Typography / Font Control

You can now control the font size of text by using classes font sizes varies from 10px to 100px.

Demo

font-10

font-15

font-20

font-25

font-30

font-40

font-50

font-60

font-80

font-100

Code copy

    <p class="font-10">font-10</p>
    <p class="font-15">font-15</p>
    <p class="font-20">font-20</p>
    <p class="font-25">font-25</p>
    <p class="font-30">font-30</p>
    <p class="font-40">font-40</p>
    <p class="font-50">font-50</p>
    <p class="font-60">font-60</p>
    <p class="font-80">font-80</p>
    <p class="font-100">font-100</p>

Give text decoration by using classes.

Demo

overline

line-through

underline

Code copy

    <p class="text-overline">overline</p>
    <p class="text-linethrough">line-through</p>
    <p class="text-underline">underline</p>

Feedback

Developed By Egrammi Studios