Merge pull request #35 from design-sparx/ft/custom-font

Added Libre Franklin font
design-sparx · Sep 30, 2023 · 61020e4 · 61020e4
2 parents 335dda8 + 3ebfc88
commit 61020e4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -24,6 +24,12 @@
     <meta property="og:site_name" content="Good by Keenthemes"/>
     <link rel="canonical" href="https://preview.keenthemes.com/good"/>
     <link rel="shortcut icon" href="/favicon.ico"/>
+
+    <!--    custom font-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+          rel="stylesheet">
 </head>
 <body>
 <div id="root"></div>

diff --git a/src/App.tsx b/src/App.tsx
@@ -15,6 +15,7 @@ function App() {
                     token: {
                         colorPrimary: '#2378c3',
                         borderRadius: 6,
+                        fontFamily: "Libre Franklin, sans-serif"
                     },
                     components: {
                         Breadcrumb: {
@@ -24,7 +25,7 @@ function App() {
                         Card: {
                             colorBgContainer: "none"
                         }
-                    }
+                    },
                 }}
             >
                 <RouterProvider router={routes}/>

diff --git a/src/index.css b/src/index.css
@@ -1,5 +1,5 @@
 :root {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+    font-family: 'Libre Franklin', sans-serif;
 }
 
 body {