diff --git a/src/css/custom.css b/src/css/custom.css
index 607d611..90e0ccb 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -4,6 +4,8 @@
  * work well for content-centric websites.
  */
 
+@import url('https://fonts.googleapis.com/css2?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');
+
 /* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #127FFF;
@@ -15,6 +17,9 @@
   --ifm-color-primary-lightest: #6BAFFF;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-font-family-base: "Poppins", sans-serif;
+  --ifm-heading-font-family: "Poppins", sans-serif;
+  --ifm-font-family-monospace: "Poppins", sans-serif;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */