fallback font setting (#324)

terminus-terminal/src/components/appearanceSettingsTab.component.ts

@@ -32,7 +32,11 @@ export class AppearanceSettingsTabComponent {
     async ngOnInit () {
         if (this.hostApp.platform === Platform.Windows || this.hostApp.platform === Platform.macOS) {
             const fonts = await new Promise<any[]>((resolve) => fontManager.findFonts({ monospace: true }, resolve))
-            this.fonts = fonts.map(x => `${x.family} ${x.style}`.trim())
+            if (this.hostApp.platform === Platform.Windows) {
+                this.fonts = fonts.map(x => `${x.family} ${x.style}`.trim())
+            } else {
+                this.fonts = fonts.map(x => x.family.trim())
+            }
             this.fonts.sort()
         }
         if (this.hostApp.platform === Platform.Linux) {
@@ -101,6 +105,6 @@ export class AppearanceSettingsTabComponent {
     }
 
     getPreviewFontFamily () {
-        return getCSSFontFamily(this.config.store.terminal.font)
+        return getCSSFontFamily(this.config.store)
     }
 }

terminus-terminal/src/config.ts

@@ -15,6 +15,7 @@ export class TerminalConfigProvider extends ConfigProvider {
             frontend: 'xterm',
             autoOpen: false,
             fontSize: 14,
+            fallbackFont: null,
             linePadding: 0,
             bell: 'off',
             bracketedPaste: false,

terminus-terminal/src/frontends/htermFrontend.ts

@@ -60,7 +60,7 @@ export class HTermFrontend extends Frontend {
         this.configuredLinePadding = config.terminal.linePadding
         this.setFontSize()
 
-        preferenceManager.set('font-family', getCSSFontFamily(config.terminal.font))
+        preferenceManager.set('font-family', getCSSFontFamily(config))
         preferenceManager.set('enable-bold', true)
         // preferenceManager.set('audible-bell-sound', '')
         preferenceManager.set('desktop-notification-bell', config.terminal.bell === 'notification')

terminus-terminal/src/frontends/xtermFrontend.ts

@@ -197,7 +197,7 @@ export class XTermFrontend extends Frontend {
             }
         })
 
-        this.xterm.setOption('fontFamily', getCSSFontFamily(config.terminal.font))
+        this.xterm.setOption('fontFamily', getCSSFontFamily(config))
         this.xterm.setOption('bellStyle', config.terminal.bell)
         this.xterm.setOption('cursorStyle', {
             beam: 'bar',

terminus-terminal/src/utils.ts

@@ -8,8 +8,11 @@ export function isWindowsBuild (build: number): boolean {
     return process.platform === 'win32' && parseFloat(os.release()) >= 10 && parseInt(os.release().split('.')[2]) >= build
 }
 
-export function getCSSFontFamily (fontList: string): string {
-    let fonts = fontList.split(',').map(x => x.trim().replace(/"/g, ''))
+export function getCSSFontFamily (config: any): string {
+    let fonts = config.terminal.font.split(',').map(x => x.trim().replace(/"/g, ''))
+    if (config.terminal.fallbackFont) {
+        fonts.push(config.terminal.fallbackFont)
+    }
     fonts.push('monospace-fallback')
     fonts.push('monospace')
     fonts = fonts.map(x => `"${x}"`)