Add: fonts

Add ubuntu font
rhino-linux · Sep 13, 2024 · adb4d2f · adb4d2f
1 parent 35d8958
commit adb4d2f
Show file tree

Hide file tree

Showing 8 changed files with 45 additions and 3 deletions.
diff --git a/src/components/hero.jsx b/src/components/hero.jsx
@@ -7,7 +7,7 @@ function Hero() {
             <div className="bg-overlay w-full h-auto">
             <NavBar />
             <div className="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
-                <h1 className="mb-4 text-4xl tracking-tight leading-none text-white font-bold md:text-5xl lg:text-6xl">Ubuntu based, rolling release.</h1>
+                <h1 className="mb-4 text-4xl tracking-tight leading-none text-white font-bold md:text-5xl lg:text-6xl">Ubuntu Based, Rolling Release.</h1>
                 <p className="mb-8 text-lg font-normal lg:text-xl sm:px-16 xl:px-48 text-white">Rhino Linux is a rolling release Ubuntu-based distribution with Pacstall & XFCE at its core.
                 </p>
                 <div className="flex flex-col mb-8 lg:mb-16 space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4">

diff --git a/src/styles/Ubuntu-Bold.ttf b/src/styles/Ubuntu-Bold.ttf
diff --git a/src/styles/Ubuntu-Light.ttf b/src/styles/Ubuntu-Light.ttf
diff --git a/src/styles/Ubuntu-Medium.ttf b/src/styles/Ubuntu-Medium.ttf
diff --git a/src/styles/Ubuntu-Regular.ttf b/src/styles/Ubuntu-Regular.ttf
diff --git a/src/styles/UbuntuMono-Bold.ttf b/src/styles/UbuntuMono-Bold.ttf
diff --git a/src/styles/UbuntuMono-Regular.ttf b/src/styles/UbuntuMono-Regular.ttf
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -2,9 +2,51 @@
 @tailwind components;
 @tailwind utilities;
 
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+@font-face {
+  font-family: "Ubuntu";
+  font-weight: 400;
+  src: url("Ubuntu-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Ubuntu";
+  font-weight: 500;
+  src: url("Ubuntu-Medium.ttf");
+}
+
+@font-face {
+  font-family: "Ubuntu";
+  font-weight: 300;
+  src: url("Ubuntu-Light.ttf");
+}
+
+@font-face {
+  font-family: "Ubuntu";
+  font-weight: 700;
+  src: url("Ubuntu-Bold.ttf");
+}
+
+@font-face {
+  font-family: "UbuntuMono";
+  font-weight: 400;
+  src: url("UbuntuMono-Regular.ttf");
+}
+
+@font-face {
+  font-family: "UbuntuMono";
+  font-weight: 700;
+  src: url("UbuntuMono-Bold.ttf");
+}
+
+p, h1, h2, h3, h4, hr, td, tr, ul, ol, li, a, footer, article, main {
+  font-family: "Ubuntu", sans-serif !important;
+}
+
+code, kbd, samp, pre {
+  font-family: "UbuntuMono", monospace !important;
+  font-size: 102% !important;
+}
 
 body {
   background-color: #19142d;
-  font-family: "Ubuntu", sans-serif !important;
 }