Merge pull request #34 from Aksh-Bansal-dev/main

fix(frontend): font bug in prod

Author: Aksh-Bansal-dev

frontend/public/index.html

@@ -14,10 +14,6 @@
       href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap"
       rel="stylesheet"
     />
-    <link
-      href="http://fonts.cdnfonts.com/css/monument-extended"
-      rel="stylesheet"
-    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

frontend/src/components/Mission_vision/style.module.css

@@ -16,7 +16,7 @@
   color: rgba(255, 255, 255, 0.9);
   text-shadow: -4px 4px 4px #10abc2;
   font-family: var(--heading-font);
-  font-size: 5.5rem;
+  font-size: 5rem;
 }
 .heading2 {
   margin: 0;
@@ -37,15 +37,16 @@
   color: rgba(255, 255, 255, 0.75);
   font-family: monospace;
   width: 80%;
-  font-size: 1.2rem;
-  line-height: 25px;
+  font-size: 1.1rem;
+  line-height: 23px;
 }
 
 .vectors {
   grid-area: vectors;
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  padding-top: 2vh;
+  justify-content: flex-start;
   align-items: center;
   height: 80%;
 }

frontend/src/components/Nav/index.tsx

@@ -32,7 +32,7 @@ const useStyles = makeStyles((theme: Theme) =>
       marginRight: theme.spacing(2),
     },
     menuIcon: {
-      fontSize: "4rem",
+      fontSize: "2.5rem",
     },
     logo: {
       width: "15vh",

frontend/src/components/WhyUs/style.module.css

@@ -16,13 +16,13 @@
   color: rgba(255, 255, 255, 0.9);
   text-shadow: -4px 4px 4px #10abc2;
   font-family: var(--heading-font);
-  font-size: 5rem;
+  font-size: 4.5rem;
 }
 .heading2 {
   margin: -2vh 0;
   text-transform: uppercase;
   font-family: var(--heading-font);
-  font-size: 5rem;
+  font-size: 4.5rem;
   color: #00050b;
   text-shadow: -4px 4px 4px #10abc2;
   -webkit-text-stroke-width: 1px;
@@ -38,8 +38,8 @@
   color: rgba(255, 255, 255, 0.75);
   font-family: monospace;
   width: 80%;
-  line-height: 26px;
-  font-size: 1.1rem;
+  line-height: 23px;
+  font-size: 1rem;
   margin-left: 1vh;
 }
 

frontend/src/components/aboutUs/style.module.css

@@ -19,14 +19,14 @@
   color: rgba(255, 255, 255, 0.9);
   text-shadow: -4px 4px 4px #10abc2;
   font-family: var(--heading-font);
-  font-size: 6rem;
+  font-size: 5.2rem;
   padding: 0;
 }
 .heading2 {
   margin: -2vh 0;
   padding: 0;
   text-transform: uppercase;
-  font-size: 6rem;
+  font-size: 5.2rem;
   font-family: var(--heading-font);
   color: #00050b;
   text-shadow: -4px 4px 4px #10abc2;
@@ -43,8 +43,8 @@
   color: rgba(255, 255, 255, 0.75);
   font-family: monospace;
   width: 80%;
-  font-size: 1.1rem;
-  line-height: 26px;
+  font-size: 1rem;
+  line-height: 23px;
 }
 .hide {
   text-decoration: none;

frontend/src/fonts/MonumentExtended-Regular.otf

@@ -11,3 +11,8 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+@font-face {
+  font-family: "Monument Extended";
+  src: url("./fonts/MonumentExtended-Regular.otf");
+}

frontend/src/index.css

@@ -26,7 +26,7 @@
   font-family: monospace;
   font-style: normal;
   font-weight: normal;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   margin: 5vh 0;
   width: 30vw;
   line-height: 31px;