Merge pull request #10727 from humphd/font-variables

Add `@sourceFontFamily` LESS variable and use instead of SourceCodePro font-family

Author: peterflynn

src/styles/brackets.less

@@ -438,7 +438,7 @@ a, img {
             color: @bc-text-alt;
             background-color: rgba(0, 0, 0, 0.8);
             font-size: 11px;
-            font-family: SourceCodePro;
+            font-family: @sourceFontFamily;
             line-height: 13px;
             border-radius: 3px;
             box-shadow: 0 1px 3px @bc-shadow;
@@ -640,7 +640,7 @@ a, img {
 
     .line-number {
         color: @bc-text-thin-quiet;
-        font-family: SourceCodePro;
+        font-family: @sourceFontFamily;
         font-size: 11px;
         padding: 4px 0 0 15px;
         text-align: right;

src/styles/brackets_fonts.less

@@ -81,3 +81,6 @@
 /* Font Stacks */
 
 @sansFontFamily: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
+
+@sourceFontFamily: "SourceCodePro", "Menlo Regular", Consolas, Inconsolata, "Vera Sans", "Lucida Console", Courier, fixed;
+@sourceFontFamily-Medium: "SourceCodePro-Medium", "ＭＳ ゴシック", "MS Gothic", monospace;

src/styles/brackets_theme_default.less

@@ -132,7 +132,7 @@
         color: @dark-bc-text;
     }
 
-    font-family: "SourceCodePro-Medium", "ＭＳ ゴシック", "MS Gothic", monospace;
+    font-family: @sourceFontFamily-Medium;
 }
 
 .code-font-win() {