fix: resolve fontname.ttf template asset resolution warnings

- Move font style template from <style> to <script type='text/template'>
- This prevents Vite from processing CSS content and trying to resolve font URLs
- Template is still used by JavaScript to dynamically generate font styles
- Fixes 'fontname.ttf didn't resolve at build time' warnings
- Maintains existing functionality for dynamic font switching

Author: MrCoder

src/components/ContentWrap.jsx

@@ -445,12 +445,19 @@ export default class ContentWrap extends Component {
     // Replace correct css file in LINK tags's href
     window.editorThemeLinkTag.href = `lib/codemirror/theme/${prefs.editorTheme}.css`;
     window.fontStyleTag.textContent =
-      window.fontStyleTemplate.textContent.replace(
-        /fontname/g,
-        (prefs.editorFont === 'other'
-          ? prefs.editorCustomFont
-          : prefs.editorFont) || 'FiraCode',
-      );
+      window.fontStyleTemplate.textContent
+        .replace(
+          /fontname/g,
+          (prefs.editorFont === 'other'
+            ? prefs.editorCustomFont
+            : prefs.editorFont) || 'FiraCode',
+        )
+        .replace(
+          /__FONTNAME__/g,
+          '/' + ((prefs.editorFont === 'other'
+            ? prefs.editorCustomFont
+            : prefs.editorFont) || 'FiraCode'),
+        );
     // window.customEditorFontInput.classList[
     // 	prefs.editorFont === 'other' ? 'remove' : 'add'
     // ]('hide');

src/index.html

@@ -67,7 +67,7 @@
 
     <link rel="stylesheet" href="/style.css" />
 
-    <style id="fontStyleTemplate" type="template">
+    <script id="fontStyleTemplate" type="text/template">
       @font-face {
         font-family: 'fontname';
         font-style: normal;
@@ -80,7 +80,7 @@
       .CodeMirror pre {
         font-family: 'fontname', monospace;
       }
-    </style>
+    </script>
     <style type="text/css" id="fontStyleTag">
       @font-face {
         font-family: 'FiraCode';