Adds support to unify the import of fonts

Protofy-xyz · Nov 4, 2024 · cbc3a3f · cbc3a3f
1 parent c5c53b6
commit cbc3a3f
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 0 deletions.
diff --git a/apps/adminpanel/pages/_document.tsx b/apps/adminpanel/pages/_document.tsx
@@ -18,6 +18,7 @@ import {
   LoadInter800
 } from 'app/components/next/LoadFont'
 import Tamagui from '../tamagui.config'
+import { FontsLoader } from 'app/components/FontsLoader'
 
 export default class Document extends NextDocument {
   static async getInitialProps({ renderPage }) {
@@ -58,6 +59,8 @@ export default class Document extends NextDocument {
           <meta name="docsearch:language" content="en" />
           <meta name="docsearch:version" content="1.0.0,latest" />
           {/* <LoadInter100 /> */}
+          <FontsLoader />
+
           <LoadInter200 />
           <LoadInter300 />
           <LoadInter400 />

diff --git a/apps/electron/pages/_document.tsx b/apps/electron/pages/_document.tsx
@@ -18,6 +18,7 @@ import {
   LoadInter800
 } from 'app/components/next/LoadFont'
 import Tamagui from '../tamagui.config'
+import { FontsLoader } from 'app/components/FontsLoader'
 
 export default class Document extends NextDocument {
   static async getInitialProps({ renderPage }) {
@@ -58,6 +59,8 @@ export default class Document extends NextDocument {
           <meta name="docsearch:language" content="en" />
           <meta name="docsearch:version" content="1.0.0,latest" />
           {/* <LoadInter100 /> */}
+          <FontsLoader />
+
           <LoadInter200 />
           <LoadInter300 />
           <LoadInter400 />

diff --git a/apps/next/pages/_document.tsx b/apps/next/pages/_document.tsx
@@ -18,6 +18,7 @@ import {
   LoadInter800
 } from 'app/components/next/LoadFont'
 import Tamagui from '../tamagui.config'
+import { FontsLoader } from 'app/components/FontsLoader'
 
 export default class Document extends NextDocument {
   static async getInitialProps({ renderPage }) {
@@ -58,6 +59,8 @@ export default class Document extends NextDocument {
           <meta name="docsearch:language" content="en" />
           <meta name="docsearch:version" content="1.0.0,latest" />
           {/* <LoadInter100 /> */}
+          <FontsLoader />
+
           <LoadInter200 />
           <LoadInter300 />
           <LoadInter400 />

diff --git a/data/public/fonts/roboto-regular.css b/data/public/fonts/roboto-regular.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto-Regular';
+  src: url('roboto-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
diff --git a/data/public/fonts/roboto-regular.woff2 b/data/public/fonts/roboto-regular.woff2
diff --git a/packages/app/components/FontsLoader.tsx b/packages/app/components/FontsLoader.tsx
@@ -0,0 +1,7 @@
+import { LoadFont } from "./next/LoadFont";
+
+export const FontsLoader = () => (
+  <>
+     <LoadFont woff2File="/public/fonts/roboto-regular.woff2" cssFile="/public/fonts/roboto-regular.css" />
+  </>
+)