<!DOCTYPE html>
<html class="mdc-typography">
  <head>
    <meta charset="utf-8">
    <title> Demo - Knockout Material Components</title>
    <link rel="stylesheet"
          href="https://unpkg.com/material-components-web@latest/dist/material-components-web.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-debug.js"></script>
    <script src="../dist/mdc-knockout.js"></script>
    <style>
      /* additional styles here */
      /*
      body {
        margin: 20px;
      }
      */
    </style>
  </head>
  <body>

    <!-- HTML here -->

    <script>
      ko.applyBindings({

      });
    </script>
  </body>
</html>

<!DOCTYPE html>
<html class="mdc-typography">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> Demo - Knockout Material Components</title>
    <link rel="stylesheet"
          href="https://unpkg.com/material-components-web@latest/dist/material-components-web.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-debug.js"></script>
    <script src="../dist/mdc-knockout.js"></script>
    <style>
      /* additional styles here */
      /*
      body {
        margin: 20px;
      }
      */
    </style>
  </head>
  <body>

    <!-- HTML here -->

    <script>
      ko.applyBindings({

      });
    </script>
  </body>
</html>

Add font and icons to demo template
docs: Add font and icons to demo template
