diff --git a/sass/fonts.scss b/sass/fonts.scss
new file mode 100644
index 0000000..3d118ad
--- /dev/null
+++ b/sass/fonts.scss
@@ -0,0 +1,34 @@
+@mixin ubuntu {
+    font-family: 'Ubuntu';
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@mixin ubuntu-ext {
+    @include ubuntu;
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    @include ubuntu;
+    font-weight: 700;
+    src: url(/ubuntu-latin-700.woff2) format('woff2');
+}
+
+@font-face {
+    @include ubuntu-ext;
+    font-weight: 700;
+    src: url(/ubuntu-latin-ext-700.woff2) format('woff2');
+}
+
+@font-face {
+    @include ubuntu;
+    font-weight: 300;
+    src: url(/ubuntu-latin-300.woff2) format('woff2');
+}
+
+@font-face {
+    @include ubuntu-ext;
+    font-weight: 300;
+    src: url(/ubuntu-latin-ext-300.woff2) format('woff2');
+}
diff --git a/static/ubuntu-latin-300.woff2 b/static/ubuntu-latin-300.woff2
new file mode 100644
index 0000000..b6ecd3a
Binary files /dev/null and b/static/ubuntu-latin-300.woff2 differ
diff --git a/static/ubuntu-latin-700.woff2 b/static/ubuntu-latin-700.woff2
new file mode 100644
index 0000000..2c08bc6
Binary files /dev/null and b/static/ubuntu-latin-700.woff2 differ
diff --git a/static/ubuntu-latin-ext-300.woff2 b/static/ubuntu-latin-ext-300.woff2
new file mode 100644
index 0000000..c987a52
Binary files /dev/null and b/static/ubuntu-latin-ext-300.woff2 differ
diff --git a/static/ubuntu-latin-ext-700.woff2 b/static/ubuntu-latin-ext-700.woff2
new file mode 100644
index 0000000..0d62144
Binary files /dev/null and b/static/ubuntu-latin-ext-700.woff2 differ
diff --git a/templates/base.html b/templates/base.html
index 5291667..446a3bf 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,9 +5,8 @@
 	<meta charset="utf-8">
 	<title>Welcome to Yash's Website!</title>
 	<link rel="stylesheet" href="/style.css">
-	<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=Ubuntu:ital,wght@0,300;0,700;1,300;1,700&display=swap" rel="stylesheet"> 
+	<!-- <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,700;1,300;1,700&display=swap" rel="stylesheet">  -->
+    <link href="/fonts.css" rel="stylesheet">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta property="og:title" content="Welcome to Yash's Website!" />
     <meta property="og:type" content="website" />