diff --git a/public/javascripts/chart2.js b/public/javascripts/chart2.js
index 6918ca74b7..f3a66fc8f0 100644
--- a/public/javascripts/chart2.js
+++ b/public/javascripts/chart2.js
@@ -338,7 +338,7 @@ $(function() {
 });
 
 Highcharts.makeFont = function(size) {
-  return size + "px 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif";
+  return size + "px 'Noto Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif";
 };
 
 Highcharts.theme = (function() {
diff --git a/public/javascripts/monitor2.js b/public/javascripts/monitor2.js
index c467c1461f..a788de8a51 100644
--- a/public/javascripts/monitor2.js
+++ b/public/javascripts/monitor2.js
@@ -30,7 +30,7 @@ $(function() {
     title: {
       floating: true,
       style: {
-        font: '12px Open Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif',
+        font: '12px Noto Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif',
         color: '#bababa',
       }
     },
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
index 496e37a2db..7c93cb90b4 100644
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@@ -68,6 +68,20 @@ time {
   font-weight: 700;
   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
 }
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  /* src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); */
+  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
+}
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 700;
+  /* src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(http://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ13hCUOGz7vYGh680lGh-uXM.woff) format('woff'); */
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
 @font-face {
   font-family: "lichess";
   src: url("../font33/fonts/lichess.eot");
@@ -512,7 +526,7 @@ html {
   min-height: 100%;
 }
 body {
-  font: 12px'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
+  font: 12px 'Noto Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
   color: #707070;
   background: #eee;
   background-image: -moz-linear-gradient(top, #d7d7d7 0%, #eeeeee 116px);
@@ -2083,7 +2097,7 @@ input.copyable {
   font-size: 12px;
   font-weight: normal;
   font-style: inherit;
-  font-family: 'Open Sans';
+  font-family: 'Noto Sans';
 }
 .hint--bottom:before,
 .hint--bottom-left:before {