48 font converter

Frontend/.vscode/settings.json

@@ -1,6 +1,7 @@
 {
     "css.styleSheets": [
-        "node_moduels/bootstrap/dist/css/bootstrap.min.css",
+        "node_modules/bootstrap/dist/css/bootstrap.min.css",
+        "node_modules/bootstrap-icons/font/bootstrap-icons.min.css",
         "src/styles.css"
     ]
 }

Frontend/angular.json

@@ -24,6 +24,11 @@
               {
                 "glob": "**/*",
                 "input": "public"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/fonteditor-core/woff2",
+                "output": "woff2"
               }
             ],
             "styles": [
@@ -36,7 +41,9 @@
             ],
             "allowedCommonJsDependencies": [
               "fast-xml-parser",
-              "yamljs"
+              "yamljs",
+              "jszip",
+              "@xmldom/xmldom"
             ],
             "server": "src/main.server.ts",
             "prerender": true,
@@ -55,8 +62,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
+                  "maximumWarning": "1.5MB",
+                  "maximumError": "2MB"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -115,4 +122,4 @@
   "cli": {
     "analytics": false
   }
-}
+}

Frontend/package.json

@@ -26,6 +26,8 @@
     "bootstrap-icons": "^1.11.3",
     "express": "^4.21.2",
     "fast-xml-parser": "^4.5.0",
+    "fonteditor-core": "^2.4.1",
+    "jszip": "^3.10.1",
     "marked": "^14.1.3",
     "prism-code-editor": "^4.0.0-beta.1",
     "rxjs": "~7.8.0",

Frontend/src/app/app.routes.ts

@@ -6,6 +6,7 @@ import { Md2htmlComponent } from './md2html/md2html.component';
 import { SerializedToolComponent } from './serialized-tool/serialized-tool.component';
 import { MssqlScaffolderComponent } from './mssql-scaffolder/mssql-scaffolder.component';
 import { DownloadsComponent } from './downloads/downloads.component';
+import { FontConverterComponent } from './font-converter/font-converter.component';
 import { IdGeneratorComponent } from './id-generator/id-generator.component';
 
 export const routes: Routes = [
@@ -14,6 +15,7 @@ export const routes: Routes = [
     { path: 'md2html', title: "MD to HTML • CodeChef", component: Md2htmlComponent },
     { path: 'serialized', title: "Serialized Tool • CodeChef", component: SerializedToolComponent },
     { path: 'mssqlscaffold', title: "MSSQL Scaffolder • CodeChef", component: MssqlScaffolderComponent },
+    { path: 'fonts', title: "Font Converter • CodeChef", component: FontConverterComponent },
     { path: 'id', title: "ID Generator • CodeChef", component: IdGeneratorComponent },
     { path: 'downloads', title: "Downloads • CodeChef", component: DownloadsComponent },
 

Frontend/src/app/app/app.component.ts

@@ -19,15 +19,15 @@ export class AppComponent {
   protected header: boolean = true;
 
   constructor(
-    @Inject(PLATFORM_ID) private platformId: any,
+    @Inject(PLATFORM_ID) platformId: any,
     meta: Meta,
-    private activatedRoute: ActivatedRoute,
-    private router: Router
+    activatedRoute: ActivatedRoute,
+    router: Router
   ) {
-    AppComponent.isBrowser = isPlatformBrowser(this.platformId);
+    AppComponent.isBrowser = isPlatformBrowser(platformId);
     meta.addTag({ name: "author", content: "IPdotSetAF" });
 
-    this.router.events.pipe(
+    router.events.pipe(
       filter(e => e instanceof NavigationEnd),
       map(() => activatedRoute),
       map(route => {