diff --git a/homeassistant/components/frontend/www_static/polymer/bower.json b/homeassistant/components/frontend/www_static/polymer/bower.json
index b8152330091..21bfd701814 100644
--- a/homeassistant/components/frontend/www_static/polymer/bower.json
+++ b/homeassistant/components/frontend/www_static/polymer/bower.json
@@ -13,7 +13,6 @@
   "devDependencies": {
     "polymer": "Polymer/polymer#^1.0.0",
     "webcomponentsjs": "Polymer/webcomponentsjs#^0.7",
-    "font-roboto": "Polymer/font-roboto#^0.5.6",
     "paper-header-panel": "PolymerElements/paper-header-panel#^0.9",
     "paper-toolbar": "PolymerElements/paper-toolbar#^0.9",
     "paper-menu": "PolymerElements/paper-menu#^0.9",
diff --git a/homeassistant/components/frontend/www_static/polymer/home-assistant.html b/homeassistant/components/frontend/www_static/polymer/home-assistant.html
index d1b54eb0b8a..758ca4ca482 100644
--- a/homeassistant/components/frontend/www_static/polymer/home-assistant.html
+++ b/homeassistant/components/frontend/www_static/polymer/home-assistant.html
@@ -1,5 +1,6 @@
 <link rel='import' href='bower_components/polymer/polymer.html'>
-<link rel='import' href='bower_components/font-roboto/roboto.html'>
+
+<link rel='import' href='bower_components/paper-styles/typography.html'>
 
 <link rel='import' href='resources/home-assistant-js.html'>
 <link rel='import' href='resources/home-assistant-icons.html'>
@@ -13,8 +14,10 @@
 <dom-module id='home-assistant'>
   <style>
     :host {
-      font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
+      font-family: 'Roboto', 'Noto', sans-serif;
       font-weight: 300;
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
     }
   </style>