update fonts

package.json

@@ -7,6 +7,7 @@
   "exports": {
     ".": "./dist/index.js"
   },
+  "files": ["dist"],
   "scripts": {
     "build": "vite build"
   },

src/core/style.jsx

@@ -1,5 +1,6 @@
 import { extendTheme, withDefaultColorScheme } from "@chakra-ui/react";
 import { Global } from "@emotion/react";
+import estedadFont from "../assets/fonts/estedad.woff2?url";
 
 export const theme = extendTheme(
   {
@@ -11,12 +12,13 @@ export const theme = extendTheme(
         },
         body: {
           bg: "white",
+          fontFamily: "'Estedad', sans-serif",
         },
       },
     },
     fonts: {
-      heading: "Estedad",
-      body: "Estedad",
+      heading: "'Estedad', sans-serif",
+      body: "'Estedad', sans-serif",
     },
   },
   withDefaultColorScheme({ colorScheme: "facebook" }),
@@ -26,9 +28,9 @@ export const Fonts = () => (
   <Global
     styles={`
       @font-face {
-        font-family: Estedad;
-        src: url('/fonts/estedad.woff2') format('woff2');
-        font-weight: 400;
+        font-family: 'Estedad';
+        src: url("${estedadFont}") format("woff2");
+        font-weight: 100 900;
         font-style: normal;
         font-display: swap;
       }

src/provider/BiProvider.jsx

@@ -63,11 +63,11 @@ export function BiProvider({
 
   return (
     <ChakraProvider theme={theme}>
+      <Fonts />
       <QueryClientProvider client={queryClient}>
         {updateChecker && <UpdateChecker {...updateCheckerProps} />}
         <KeycloakProvider config={config.keycloak} loading={loading}>
           <PermissionProvider config={config.permission} loading={loading}>
-            <Fonts />
             {children}
           </PermissionProvider>
         </KeycloakProvider>