<!DOCTYPE html>
<html>
  <head>
    <title>JuliaObserver</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

    <script>
      var customInit = function() {
        $.material.init();
      };

      $(document).ready(customInit);
      $(document).on('turbolinks:load', customInit);
    </script>

  </head>

  <body>
    <%= yield %>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>JuliaObserver</title>

    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

    <%= stylesheet_link_tag "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700", media: 'all', 'data-turbolinks-track': 'reload' %>

    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">

    <script>
      var customInit = function() {
        $.material.init();
      };

      $(document).ready(customInit);
      $(document).on('turbolinks:load', customInit);
    </script>

  </head>

  <body>
    <%= yield %>
  </body>
</html>

Add Roboto and material icon fonts
Add Roboto and material icon fonts