Added RobotoMono as a more modern and pretty monospaced font, addressing #3201

I added RobotoMono-Regular and RobotoMono-Bold as TrueTypeFont files and included them into the list. I tred to stay in alphabetical order where possible.

The author of #3201 was asking for a more modern monospaced font.

src/locales/en.json

@@ -47,6 +47,7 @@
   "pad.settings.fontType.lucida": "Lucida",
   "pad.settings.fontType.lucidasans": "Lucida Sans",
   "pad.settings.fontType.palatino": "Palatino",
+  "pad.settings.fontType.robotomono": "RobotoMono",
   "pad.settings.fontType.tahoma": "Tahoma",
   "pad.settings.fontType.timesnewroman": "Times New Roman",
   "pad.settings.fontType.trebuchet": "Trebuchet",

src/static/css/pad.css

@@ -1260,6 +1260,21 @@ input[type=checkbox] {
   src: url("../../static/font/opendyslexic.otf") format("opentype");
 }
 
+/* Roboto Mono */
+@font-face {
+    font-family: "RobotoMono";
+    src: url("../../static/font/RobotoMono-Regular.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "RobotoMono";
+    src: url("../../static/font/RobotoMono-Bold.ttf") format("truetype");
+    font-weight: bold;
+    font-style: normal;
+}
+/* End of Roboto Mono */
+
 @font-face {
   font-family: "fontawesome-etherpad";
   src:url("../../static/font/fontawesome-etherpad.eot");
@@ -1304,5 +1319,3 @@ input[type=checkbox] {
 .hideControlsEditbar{
   display:none !important;
 }
-
-

src/static/js/pad.js

@@ -549,7 +549,7 @@ var pad = {
       }
 
       var fonts = ['useMonospaceFont', 'useOpenDyslexicFont', 'useComicSansFont', 'useCourierNewFont', 'useGeorgiaFont', 'useImpactFont',
-        'useLucidaFont', 'useLucidaSansFont', 'usePalatinoFont', 'useTahomaFont', 'useTimesNewRomanFont',
+        'useLucidaFont', 'useLucidaSansFont', 'usePalatinoFont', 'useRobotoMonoFont', 'useTahomaFont', 'useTimesNewRomanFont',
         'useTrebuchetFont', 'useVerdanaFont', 'useSymbolFont', 'useWebdingsFont', 'useWingDingsFont', 'useSansSerifFont',
         'useSerifFont'];
 

src/static/js/pad_editor.js

@@ -31,7 +31,7 @@ var padeditor = (function()
 
   // Array of available fonts
   var fonts = ['useMonospaceFont', 'useOpenDyslexicFont', 'useComicSansFont', 'useCourierNewFont', 'useGeorgiaFont', 'useImpactFont',
-    'useLucidaFont', 'useLucidaSansFont', 'usePalatinoFont', 'useTahomaFont', 'useTimesNewRomanFont',
+    'useLucidaFont', 'useLucidaSansFont', 'usePalatinoFont', 'useRobotoMonoFont', 'useTahomaFont', 'useTimesNewRomanFont',
     'useTrebuchetFont', 'useVerdanaFont', 'useSymbolFont', 'useWebdingsFont', 'useWingDingsFont', 'useSansSerifFont',
     'useSerifFont'];
 
@@ -168,6 +168,7 @@ var padeditor = (function()
           if(font === "lucida") self.ace.setProperty("textface", "Lucida,'Lucida Serif','Lucida Bright',serif");
           if(font === "lucidasans") self.ace.setProperty("textface", "'Lucida Sans','Lucida Grande','Lucida Sans Unicode','Luxi Sans',sans-serif");
           if(font === "palatino") self.ace.setProperty("textface", "Palatino,'Palatino Linotype','URW Palladio L',Georgia,serif");
+          if(font === "robotomono") self.ace.setProperty("textface", "RobotoMono");
           if(font === "tahoma") self.ace.setProperty("textface", "Tahoma,sans-serif");
           if(font === "timesnewroman") self.ace.setProperty("textface", "'Times New Roman',Times,serif");
           if(font === "trebuchet") self.ace.setProperty("textface", "'Trebuchet MS',sans-serif");

src/templates/pad.html

@@ -168,6 +168,7 @@
                                 <option value="lucida" data-l10n-id="pad.settings.fontType.lucida"></option>
                                 <option value="lucidasans" data-l10n-id="pad.settings.fontType.lucidasans"></option>
                                 <option value="palatino" data-l10n-id="pad.settings.fontType.palatino"></option>
+                                <option value="robotomono" data-l10n-id="pad.settings.fontType.robotomono"></option>
                                 <option value="tahoma" data-l10n-id="pad.settings.fontType.tahoma"></option>
                                 <option value="timesnewroman" data-l10n-id="pad.settings.fontType.timesnewroman"></option>
                                 <option value="trebuchet" data-l10n-id="pad.settings.fontType.trebuchet"></option>