feat: use local fonts

rust-dd · Dec 9, 2024 · ea47dd0 · ea47dd0
1 parent 8270b77
commit ea47dd0
Show file tree

Hide file tree

Showing 20 changed files with 144 additions and 4 deletions.
diff --git a/input.css b/input.css
@@ -2,4 +2,148 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 100;
+        font-display: swap;
+        src: url(/fonts/Poppins-Thin.ttf) format("truetype");
+    }
 
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 100;
+        font-display: swap;
+        src: url(/fonts/Poppins-ThinItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 200;
+        font-display: swap;
+        src: url(/fonts/Poppins-ExtraLight.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 200;
+        font-display: swap;
+        src: url(/fonts/Poppins-ExtraLightItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 300;
+        font-display: swap;
+        src: url(/fonts/Poppins-Light.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 300;
+        font-display: swap;
+        src: url(/fonts/Poppins-LightItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: url(/fonts/Poppins-Regular.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 400;
+        font-display: swap;
+        src: url(/fonts/Poppins-RegularItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 500;
+        font-display: swap;
+        src: url(/fonts/Poppins-Medium.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 500;
+        font-display: swap;
+        src: url(/fonts/Poppins-MediumItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 600;
+        font-display: swap;
+        src: url(/fonts/Poppins-SemiBold.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 600;
+        font-display: swap;
+        src: url(/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 700;
+        font-display: swap;
+        src: url(/fonts/Poppins-Bold.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 700;
+        font-display: swap;
+        src: url(/fonts/Poppins-BoldItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 800;
+        font-display: swap;
+        src: url(/fonts/Poppins-ExtraBold.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 800;
+        font-display: swap;
+        src: url(/fonts/Poppins-ExtraBoldItalic.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: normal;
+        font-weight: 900;
+        font-display: swap;
+        src: url(/fonts/Poppins-Black.ttf) format("truetype");
+    }
+
+    @font-face {
+        font-family: "Poppins";
+        font-style: italic;
+        font-weight: 900;
+        font-display: swap;
+        src: url(/fonts/Poppins-BlackItalic.ttf) format("truetype");
+    }
+}
diff --git a/public/fonts/Poppins-Black.ttf b/public/fonts/Poppins-Black.ttf
diff --git a/public/fonts/Poppins-BlackItalic.ttf b/public/fonts/Poppins-BlackItalic.ttf
diff --git a/public/fonts/Poppins-Bold.ttf b/public/fonts/Poppins-Bold.ttf
diff --git a/public/fonts/Poppins-BoldItalic.ttf b/public/fonts/Poppins-BoldItalic.ttf
diff --git a/public/fonts/Poppins-ExtraBold.ttf b/public/fonts/Poppins-ExtraBold.ttf
diff --git a/public/fonts/Poppins-ExtraBoldItalic.ttf b/public/fonts/Poppins-ExtraBoldItalic.ttf
diff --git a/public/fonts/Poppins-ExtraLight.ttf b/public/fonts/Poppins-ExtraLight.ttf
diff --git a/public/fonts/Poppins-ExtraLightItalic.ttf b/public/fonts/Poppins-ExtraLightItalic.ttf
diff --git a/public/fonts/Poppins-Italic.ttf b/public/fonts/Poppins-Italic.ttf
diff --git a/public/fonts/Poppins-Light.ttf b/public/fonts/Poppins-Light.ttf
diff --git a/public/fonts/Poppins-LightItalic.ttf b/public/fonts/Poppins-LightItalic.ttf
diff --git a/public/fonts/Poppins-Medium.ttf b/public/fonts/Poppins-Medium.ttf
diff --git a/public/fonts/Poppins-MediumItalic.ttf b/public/fonts/Poppins-MediumItalic.ttf
diff --git a/public/fonts/Poppins-Regular.ttf b/public/fonts/Poppins-Regular.ttf
diff --git a/public/fonts/Poppins-SemiBold.ttf b/public/fonts/Poppins-SemiBold.ttf
diff --git a/public/fonts/Poppins-SemiBoldItalic.ttf b/public/fonts/Poppins-SemiBoldItalic.ttf
diff --git a/public/fonts/Poppins-Thin.ttf b/public/fonts/Poppins-Thin.ttf
diff --git a/public/fonts/Poppins-ThinItalic.ttf b/public/fonts/Poppins-ThinItalic.ttf
diff --git a/src/app.rs b/src/app.rs
@@ -77,10 +77,6 @@ pub fn shell(options: LeptosOptions) -> impl IntoView {
                 <Meta name="twitter:image:alt" content="Rust-DD Framework" />
                 <Link rel="preconnect" href="https://fonts.googleapis.com" />
                 <Link rel="preconnect" href="https://fonts.gstatic.com" />
-                <Link
-                    href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins: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 class="bg-[#1e1e1e]">
                 <App />