diff --git a/main.js b/main.js
index a651f80f..ff0fb77f 100644
--- a/main.js
+++ b/main.js
@@ -40,10 +40,10 @@ if(!d) {
   if(document.getElementById('header_email')) {
     // however, we are logged in.
     setTimeout('location.reload();', 3*1000);
-    throw('Page doesn’t have player data, but you are logged in. Reloading in 3s.');
+    throw("Page doesn't have player data, but you are logged in. Reloading in 3s.");
   }
   // FIXME: handle nia takedown in progress
-  throw('Couldn’t retrieve player data. Are you logged in?');
+  throw("Couldn't retrieve player data. Are you logged in?");
 }
 
 
@@ -63,7 +63,9 @@ document.getElementsByTagName('head')[0].innerHTML = ''
   + '<style>@@INCLUDESTRING:style.css@@</style>'
   + '<style>@@INCLUDESTRING:external/leaflet.css@@</style>'
 //note: smartphone.css injection moved into code/smartphone.js
-  + '<link href="//fonts.googleapis.com/css?family=Roboto:normal,bold&subset=latin,cyrillic-ext,greek-ext,greek,cyrillic,latin-ext,vietnamese" rel="stylesheet" type="text/css">';
+  + '<script type="text/javascript" src="//apis.google.com/js/api.js"/>'
+  + '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Coda"/>'
+  + '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic"/>';
 
 document.getElementsByTagName('body')[0].innerHTML = ''
   + '<div id="map">Loading, please wait</div>'
diff --git a/style.css b/style.css
index 377d6577..f70714a2 100644
--- a/style.css
+++ b/style.css
@@ -9,11 +9,12 @@ html, body, #map {
 
 body {
   font-size: 14px;
-  font-family: "roboto",arial,helvetica,sans-serif;
+  font-family: "Roboto",arial,helvetica,sans-serif;
   margin: 0;
 }
 
 #scrollwrapper {
+  font-family: Coda, sans-serif;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
@@ -255,7 +256,7 @@ em {
 }
 
 #chat td, #chatinput td {
-  font-family: Verdana, sans-serif;
+  font-family: Roboto, sans-serif;
   font-size: 12.6px;
   vertical-align: top;
   padding-bottom: 3px;
@@ -302,7 +303,7 @@ mark {
 summary {
   color: #bbb;
   display: inline-block;
-  font-family: Verdana,sans-serif;
+  font-family: Roboto,sans-serif;
   height: 16px;
   overflow: hidden;
   padding: 0 2px;
@@ -333,7 +334,7 @@ summary {
 #chatinput input {
   background: transparent;
   font-size: 12.6px;
-  font-family: Verdana,sans-serif;
+  font-family: Roboto,sans-serif;
   color: #EEEEEE;
   width: 100%;
   height: 100%;
@@ -697,7 +698,7 @@ h3 {
   right: 2px;
   cursor: pointer;
   color: #FFCE00;
-  font-family: "Arial", sans;
+  font-family: Roboto, sans-serif;
   font-size: 16px;
 }
 
@@ -783,6 +784,7 @@ h3 {
 }
 
 .ui-dialog-titlebar {
+  font: 13px/15px Roboto, Arial, Helvetica, sans-serif;
   text-align: center;
   padding: 4px;
   background-color: rgba(8, 60, 78, 0.9);