Bundle fonts with pgAdmin so we have a standard set for all platforms.

Research by Shirley at Pivotal.

libraries.txt

@@ -34,3 +34,5 @@ Natural Sort        9565816        MIT          https://github.com/javve/natural
 SlickGrid           2.3.7-8ff6814  MIT          https://github.com/6pac/SlickGrid
 jQuery-UI           1.11.3         MIT          https://jqueryui.com/
 BigNumber           3.0.1          MIT          http://mikemcl.github.io/bignumber.js
+Source Code Pro     1.1            SIL OFL      https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700
+Open Sans           2.0            AL           https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700

web/pgadmin/browser/static/css/browser.css

@@ -49,3 +49,16 @@
 .aciTree .aciTreeLi div.aciTreeLine {
   display: table !important;
 }
+
+
+code,
+kbd,
+pre,
+samp,
+.CodeMirror pre {
+  font-family: 'Source Code Pro';
+}
+
+.sql-editor-grid-container {
+  font-family: 'Open Sans' !important;
+}

web/pgadmin/misc/bgprocess/static/css/bgprocess.css

@@ -28,7 +28,7 @@
 }
 
 .ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-notify-body {
-  font-family: monospace;
+  font-family: "Source Code Pro";
   white-space: nowrap;
 }
 

web/pgadmin/misc/file_manager/static/css/file_manager.css

@@ -76,7 +76,7 @@
 }
 
 .fileinfo table#contents tr td p {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Open Sans";
 }
 
 .fileinfo > h1 {

web/pgadmin/static/css/aci_tree.overrides.css

@@ -1,5 +1,5 @@
 .aciTree .aciTreeText {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: 'Open Sans';
     font-size: 12px;
 }
 

web/pgadmin/static/css/bootstrap.overrides.css

@@ -2,6 +2,7 @@
 
 /* Ensure simple forms don't hit the top of the screen */
 body {
+    font-family: 'Open Sans';
     padding-top: 50px;
     padding-bottom: 20px;
 }
@@ -1005,7 +1006,7 @@ ul.nav.nav-tabs {
 }
 
 span.button-label {
-  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-family: 'Open Sans';
   font-size: initial;
 }
 
@@ -1015,7 +1016,7 @@ span.button-label {
   border-radius: 3px;
   color: #333;
   display: block;
-  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+  font-family: 'Source Code Pro';
   font-size: 12px;
   line-height: 1.42857;
   margin: 0 0 10px;

web/pgadmin/static/css/codemirror.overrides.css

@@ -48,7 +48,7 @@
 
 /* Codemirror buttons */
 .CodeMirror-dialog button {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: 'Open Sans';
     color: white;
     font-size: 70%;
     background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);

web/pgadmin/static/css/pgadmin.css

@@ -813,3 +813,18 @@ lgg-el-container[el=md] .pg-el-lg-8,
 .Resizer.disabled:hover {
   border-color: transparent;
 }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans-Regular.ttf');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Source Code Pro';
+  src: url('../fonts/SourceCodePro-Regular.ttf');
+  font-weight: normal;
+  font-style: normal;
+}
+

web/pgadmin/static/css/pgadmin.style.css

@@ -57,19 +57,19 @@
   font-weight: bold; }
 
 .text-14 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 14px; }
 
 .text-13 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 13px; }
 
 .text-12 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 12px; }
 
 .text-11 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 11px; }
 
 .bg-primary-blue {

web/pgadmin/static/css/webcabin.overrides.css

@@ -285,7 +285,7 @@
   right: 5px;
 }
 .context-menu-list {
-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+font-family: 'Open Sans';;
 font-size: 13px;
 }
 
@@ -300,7 +300,7 @@ font-size: 13px;
 
 .context-menu-item {
   display:block;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 13px;
   font-weight: normal;
 }

web/pgadmin/static/scss/_alert.scss

@@ -42,7 +42,7 @@
   padding: 0 12px 0 10px;
   align-self: center;
   // To make sure IE picks up the correct font
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
 }
 
 .alert-info {

web/pgadmin/static/scss/_alertify.overrides.scss

@@ -143,7 +143,7 @@
 }
 
 button.pg-alertify-button {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   font-size: 14px;
   -webkit-font-smoothing: auto;
 }

web/pgadmin/static/scss/_typography.scss

@@ -1,4 +1,4 @@
-$font-family-1: "Helvetica Neue", Arial, sans-serif;
+$font-family-1: "Open Sans";
 
 .text-bold {
   font-weight: bold;

web/pgadmin/static/scss/sqleditor/_history.scss

@@ -7,7 +7,7 @@
   .entry {
     @extend .text-14;
     @extend .bg-white-1;
-    font-family: monospace;
+    font-family: 'Source Code Pro';
     border: 2px solid transparent;
     margin-left: 1px;
     padding: 0 8px 0 5px;
@@ -15,7 +15,7 @@
     .other-info {
       @extend .text-13;
       @extend .font-gray-4;
-      font-family: monospace;
+      font-family: 'Source Code Pro';
       display: flex;
       flex-direction: row;
       justify-content: space-between;
@@ -34,7 +34,7 @@
   }
 
   .date-label {
-    font-family: monospace;
+    font-family: 'Source Code Pro';
     background: #e8e8e8;
     padding: 2px 9px;
     font-size: 11px;
@@ -183,7 +183,7 @@
         .content-value {
           @extend .bg-white-1;
           @extend .text-13;
-          font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+          font-family: 'Source Code Pro';
           border: 0;
           padding-left: 0;
           position: absolute;

web/pgadmin/tools/debugger/static/css/debugger.css

@@ -42,7 +42,7 @@
 .CodeMirror-foldmarker {
   color: blue;
   text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
-  font-family: arial;
+  font-family: "Open Sans";
   line-height: .3;
   cursor: pointer;
 }
@@ -71,7 +71,7 @@
 /* To make font same as Query tool in messages tab */
 .messages {
     white-space: pre-wrap;
-    font-family: monospace;
+    font-family: "Source Code Pro";
     padding-top: 5px;
     padding-left: 10px;
     overflow: auto;

web/pgadmin/tools/sqleditor/static/css/sqleditor.css

@@ -99,7 +99,7 @@
 
 .sql-editor-message {
   white-space:pre-wrap;
-  font-family: monospace;
+  font-family: "Source Code Pro";
   padding-top: 5px;
   padding-left: 10px;
   overflow: auto;
@@ -151,7 +151,7 @@
 .CodeMirror-foldmarker {
   color: blue;
   text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
-  font-family: arial;
+  font-family: "Open Sans";
   line-height: .3;
   cursor: pointer;
 }
@@ -206,7 +206,7 @@
 
   background: white;
   font-size: 90%;
-  font-family: monospace;
+  font-family: "Source Code Pro";
 
   max-height: 20em;
   overflow-y: auto;