Coffee Luv Bug Design System

Typography

Typeface

Roboto Slab

Merriweather Sans

Font-family

Serif Family

Weight

Bold

Regular

Style Applied To

Headings h1,h2,h3,h4

Body Text

Merriweather Sans

This is the font used. This is the font used.

Roboto Slab

This is the font used. This is the font used. This is the font used.

Here is the html code of h1,h2,h3,and h4 used in our app,

        

                <h1>This is the font used.</h1>
                <h2>This is the font used.</h2>
                <h3>This is the font used.</h3>
                <h4>This is the font used.</h4>

Here is the css code of h1 used in our app,

            
                h1
                {
                font-family: 'Roboto Slab', serif;
                font-size: 6rem;
                color:white;
                }

Here is the css code of h2 used in our app,

            
                h2
                {
                font-family: 'Roboto Slab', serif;
                font-size:3rem;
                }