setup font

Author: Lee-Minhoon

package.json

@@ -13,6 +13,7 @@
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@fontsource/roboto": "^5.1.0",
     "@tanstack/react-query": "^4.36.1",
     "@tanstack/react-query-devtools": "^5.51.9",
     "@tanstack/react-table": "^8.19.3",
@@ -54,4 +55,4 @@
       "public"
     ]
   }
-}
+}

src/constants/fonts.ts

@@ -1,4 +1,3 @@
-export * from "./fonts";
 export * from "./meta";
 export * from "./routes";
 export * from "./styles";

src/constants/index.ts

@@ -46,6 +46,7 @@ export const isWhiteList = (pathname: string) => {
 
 // t("Table")
 // t("List")
+// t("Grid")
 export enum ViewQueries {
   Table = "table",
   List = "list",

src/constants/routes.ts

@@ -23,8 +23,8 @@ const getTheme = (primaryColor: PrimaryColor = "teal") =>
   extendTheme(
     {
       fonts: {
-        heading: "var(--font-inter)",
-        body: "var(--font-rubik)",
+        heading: `'Roboto', sans-serif`,
+        body: `'Roboto', sans-serif`,
       },
       colors: {
         primary: baseTheme.colors[primaryColor],

src/providers/chakra-provider/theme.ts

@@ -1197,6 +1197,11 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
   integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
 
+"@fontsource/roboto@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@fontsource/roboto/-/roboto-5.1.0.tgz#00230737ec09c60ae877a5e33d067c0607fdd5ba"
+  integrity sha512-cFRRC1s6RqPygeZ8Uw/acwVHqih8Czjt6Q0MwoUoDe9U3m4dH1HmNDRBZyqlMSFwgNAUKgFImncKdmDHyKpwdg==
+
 "@humanwhocodes/config-array@^0.11.14":
   version "0.11.14"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"