chore: attempt async setup

AmazeeLabs · Apr 8, 2024 · bffa19b · bffa19b
1 parent f45d5c8
commit bffa19b
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 8 deletions.
diff --git a/apps/website/gatsby-ssr.tsx b/apps/website/gatsby-ssr.tsx
@@ -1,4 +1,5 @@
 import { Locale, registerExecutor } from '@custom/schema';
+import { loadFonts } from '@custom/ui/fonts-async';
 import { GatsbySSR } from 'gatsby';
 import React from 'react';
 

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -12,6 +12,9 @@
     ],
     "./styles.css": [
       "./build/styles.css"
+    ],
+    "./fonts-async": [
+      "./build/fonts-async.js"
     ]
   },
   "typesVersions": {

diff --git a/packages/ui/src/components/Atoms/Fonts.css b/packages/ui/src/components/Atoms/Fonts.css
@@ -1,11 +1,3 @@
-@font-face {
-  font-family: 'Noto Sans';
-  src: url("/fonts/NotoSansGurmukhi-Regular.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: block;
-}
-
 html, body {
   font-family: 'Noto Sans', 'Helvetica', sans-serif;
 }
diff --git a/packages/ui/src/postcss.config.cjs b/packages/ui/src/postcss.config.cjs
@@ -11,5 +11,9 @@ module.exports = {
             '.gutenberg__editor .edit-post-visual-editor__content-area',
         }[process.env.PREFIX] || '',
     },
+		'postcss-font-magician': {
+      hosted: ['../static/public/fonts'],
+      // async: '../static/public/fonts-async.js',
+		}
   },
 };
diff --git a/packages/ui/static/public/fonts-async.js b/packages/ui/static/public/fonts-async.js
@@ -0,0 +1,7 @@
+function loadFonts(fontFaces) {
+  console.log('hi from font loader')
+  return fontFaces;
+}
+
+// Export the loadFonts function for use in the PostCSS configuration
+module.exports = {loadFonts};