Typography
All text is set in Roboto.
Roboto
ready

    <style>
      * {
        font-family: 'Roboto' !important;
        word-wrap: break-word;
      }
      p {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 1rem;
        font-size: 18px !important;

      }
    </style>

    # h1 heading

    ## h2 heading

    ### h3 heading

    #### h4 heading

    ##### h5 heading

    ###### h6 heading

    <h1 class="display-1">Display 1</h1>
    <h1 class="display-2">Display 2</h1>
    <h1 class="display-3">Display 3</h1>
    <h1 class="display-4">Display 4</h1>

    # AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
    # 1234567890',.<>/?;':"[]{}-=_+!@#$%^&*()

    Once upon a time not long ago
    when people wore pajamas and lived life slow
    when laws were stern and justice stood
    and people were behavin' like they ought to good
    there lived a little boy who was misled
    by another little boy and this is what he said

Headings
ready

    <style>
      * {
        font-family: 'Roboto' !important;
        word-wrap: break-word;
      }
      p {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 1rem;
        font-size: 18px !important;

      }
    </style>

    # h1 heading

    ## h2 heading

    ### h3 heading

    #### h4 heading

    ##### h5 heading

    ###### h6 heading

Display Headings
ready

    <style>
      * {
        font-family: 'Roboto' !important;
        word-wrap: break-word;
      }
      p {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 1rem;
        font-size: 18px !important;

      }
    </style>

    <h1 class="display-1">Display 1</h1>
    <h1 class="display-2">Display 2</h1>
    <h1 class="display-3">Display 3</h1>
    <h1 class="display-4">Display 4</h1>

Lead
ready
Make a paragraph stand out by adding `.lead`.

    <p class="lead">
        Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
    </p>

Blockquote
draft

    <blockquote class="green">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</blockquote>

    <blockquote class="blue">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</blockquote>

## Fallback

A `sans-serif` fallback font is used incase @font-face is not supported in the target browser.

## Copryright

Roboto is free software. For more details, please visit Google Fonts official website at https://fonts.google.com/