Change font to Dm+Sans in tailwind config

Author: clicianDev

src/components/pages/Home/Hero/index.jsx

@@ -12,7 +12,7 @@ function Hero() {
 
         <div className={`z-10 text-center sm:text-left md:text-left lg:text-left py-20 xl:py-32 px-5 sm:px-3 lg:px-0 xl:px-0 `}>
           <h1
-            className={`font-inter gradient-text-2 text-5xl lg:text-5xl xl:text-5xl 2xl:text-7xl lg:leading-[50px] leading-none font-semibold pb-5`}
+            className={`font-dmSans gradient-text-2 text-5xl lg:text-5xl xl:text-5xl 2xl:text-7xl lg:leading-[50px] leading-none font-semibold pb-5`}
           >
             <span>Tashi Protocol</span>
 

src/index.css

@@ -1,4 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

tailwind.config.js

@@ -6,8 +6,9 @@ export default {
   theme: {
     extend: {
       fontFamily: {
-        inter: ['Inter'],
-        custom: ['CustomFontName']
+        inter: ['DM+Sans'],
+        custom: ['CustomFontName'],
+        dmSans: ['DM+Sans']
       },
 
       colors: {