Merge pull request #451 from SrijaVuppala295/font

Implemented a new font style for the website to enhance interactivity and engagement.
sakeel-103 · Oct 29, 2024 · 60e2824 · 60e2824
2 parents 597319f + 4538b47
commit 60e2824
Show file tree

Hide file tree

Showing 11 changed files with 92 additions and 7 deletions.
diff --git a/src/app/components/bfs-page/bfs-page.component.css b/src/app/components/bfs-page/bfs-page.component.css
@@ -1,10 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+
 body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   margin: 0;
   background-color: #f5f5f5;
-  font-family: Arial, sans-serif;
   color: #333;
 }
 

diff --git a/src/app/components/dfs-page/dfs-page.component.css b/src/app/components/dfs-page/dfs-page.component.css
@@ -1,10 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+
 body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   margin: 0;
   background-color: #f5f5f5;
-  font-family: Arial, sans-serif;
   color: #333;
 }
 

diff --git a/src/app/components/faq/faq.component.css b/src/app/components/faq/faq.component.css
@@ -1,9 +1,13 @@
 
-
-
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
 body {
-font-family: Arial, sans-serif;  
-  /* max-width: 800px; */
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
   width: 100vw;
   margin:auto 0;
   display:flex;

diff --git a/src/app/components/navbar/navbar.component.css b/src/app/components/navbar/navbar.component.css
@@ -1,4 +1,7 @@
 /* Reset and Base Styles */
+
+
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
 body {
   font-family: Arial, sans-serif;
   margin: 0;

diff --git a/src/app/components/quiz/quiz.component.css b/src/app/components/quiz/quiz.component.css
@@ -1,3 +1,10 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+
 .quiz-container {
   display: flex;
   flex-direction: column;

diff --git a/src/app/components/realworld/realworld.component.css b/src/app/components/realworld/realworld.component.css
@@ -1,3 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
+}
+
 :host {
   display: block;
   background-color: #f0f4f8;

diff --git a/src/app/components/resources/resources.component.css b/src/app/components/resources/resources.component.css
@@ -1,3 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
+}
+
 :host {
   display: block;
   background-color: #f0f4f8;

diff --git a/src/app/components/reviews/reviews.component.css b/src/app/components/reviews/reviews.component.css
@@ -1,3 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
+}
+
 .review-container {
   width: 100vw;
   height: 100vh;

diff --git a/src/app/components/roadmap/roadmap.component.css b/src/app/components/roadmap/roadmap.component.css
@@ -1,3 +1,13 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 500; /* Medium weight for specific elements */
+  font-style: normal; /* Normal font style */
+}
+body {
+  font-family: "Montserrat", sans-serif; /* Apply Montserrat to the body for all text */
+  font-weight: 400; /* Regular weight for body text */
+}
 .roadmap-container {
   max-width: 100%;
   margin: 56px auto;

diff --git a/src/index.html b/src/index.html
@@ -6,9 +6,17 @@
   <title>GraphExplorer Pro</title>
   <base href="/" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Montserrat:wght@400;700&family=Lato:wght@400;700&family=Source+Code+Pro:wght@400&family=Poppins:wght@400;700&family=Raleway:wght@400;700&family=Avenir:wght@400;700&display=swap" rel="stylesheet">
+
   <link rel="icon" type="image/png" sizes="32x32"
     href="https://img.freepik.com/free-vector/human-group-connecting-topology-concept-background-design_1017-53324.jpg?w=826&t=st=1729248294~exp=1729248894~hmac=3865b1d5630a5be3b7c74044d086d128aeb23412766f39a882e977845f837603">
   <style>
+.montserrat-unique {
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 500;
+  font-style: normal;
+}
     .scrollToTop {
       position: fixed;
       bottom: 80px;

diff --git a/src/styles.css b/src/styles.css
@@ -1,8 +1,12 @@
+
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
+
+
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-    font-family: Arial, sans-serif;
+   /* // font-family: 'Roboto', Arial, sans-serif; */
 }
 
 ::-webkit-scrollbar {