<!doctype html>
<html>

<head>
  <title>SUPER</title>
  <meta name="viewport"
    content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <script src="/bower_components/platform/platform.js">
  </script>

  <link rel="import" href="/elements/x-app/x-app.html">

  <style>
    html, body {
      height: 100%;
      margin: 0;
    }

    body {
      font-family: sans-serif;
    }
  </style>

</head>

<body unresolved>

  <x-app></x-app>

</body>

</html>
<!doctype html>
<html>

<head>
  <title>SUPER</title>
  <meta name="viewport"
    content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <script src="/bower_components/platform/platform.js">
  </script>

  <link rel="import" href="/elements/x-app/x-app.html">

  <style>
    html, body {
      height: 100%;
      margin: 0;
    }

    body /deep/ * {
      font-family: 'RobotoDraft', sans-serif;
      font-weight: 300;
    }
  </style>

</head>

<body unresolved>

  <x-app></x-app>

</body>

</html>
Change font to thin roboto
Change font to thin roboto
