Merge pull request #57 from olasunkanmi-SE/fonts

create more fonts

Author: olasunkanmi-SE

package.json

@@ -146,7 +146,15 @@
             "type": "string",
             "enum": [
               "Montserrat",
-              "SF Mono"
+              "SF Mono",
+              "Space Mono",
+              "Fira Code",
+              "Source Code Pro",
+              "JetBrains Mono",
+              "Roboto Mono",
+              "Ubuntu Mono",
+              "IBM Plex Mono",
+              "Inconsolata"
             ],
             "default": "SF Mono",
             "description": "Select preffered font family"

src/webview/chat_css.ts

@@ -47,8 +47,43 @@ switch (theme) {
     break;
 }
 
-const selectedFontFamily =
-  fontFamily === "SF Mono" ? "SF Mono" : `'Montserrat', sans-serif`;
+let selectedFontFamily = "";
+
+switch (fontFamily) {
+  case "SF Mono":
+    selectedFontFamily = '"SF Mono"';
+    break;
+  case "Montserrat":
+    selectedFontFamily = `'Montserrat', sans-serif`;
+    break;
+  case "Space Mono":
+    selectedFontFamily = "Space Mono";
+    break;
+  case "Fira Code":
+    selectedFontFamily = "Fira Code";
+    break;
+  case "Source Code Pro":
+    selectedFontFamily = "Source Code Pro";
+    break;
+  case "JetBrains Mono":
+    selectedFontFamily = "JetBrains Mono";
+    break;
+  case "Roboto Mono":
+    selectedFontFamily = "Roboto Mono";
+    break;
+  case "Ubuntu Mono":
+    selectedFontFamily = "Ubuntu Mono";
+    break;
+  case "IBM Plex Mono":
+    selectedFontFamily = "IBM Plex Mono";
+    break;
+  case "Inconsolata":
+    selectedFontFamily = "Inconsolata";
+    break;
+
+  default:
+    break;
+}
 
 console.log(`${fontSize}px`);
 

src/webview/chat_html.ts

@@ -10,6 +10,14 @@ export const chartComponent: string = `
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 <style>