testing out font for email confirmed page

UofT-Frosh-Orientation · Jul 5, 2024 · b26ca13 · b26ca13
1 parent a706457
commit b26ca13
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/client/src/pages/EmailConfirmed/EmailConfirmed.jsx b/client/src/pages/EmailConfirmed/EmailConfirmed.jsx
@@ -25,7 +25,7 @@ const PageEmailConfirmed = () => {
         <div className="email-confirmed-page">
           <div className="email-confirmed-container">
             <h1>PERFECT!</h1>
-            <h2 style="font-family: 'Proxima Nova', sans-serif;">Your email is now verified. Head to the login page to get started!</h2>
+            <h2>Your email is now verified. Head to the login page to get started!</h2>
             <Link to={'/login'} style={{ textDecoration: 'none' }} className={'no-link-style'}>
               <Button label="Login Page" />
             </Link>

diff --git a/client/src/pages/EmailConfirmed/EmailConfirmed.scss b/client/src/pages/EmailConfirmed/EmailConfirmed.scss
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: 'Proxima Nova';
+  src: url('../../../../client/assets/fonts/proximanova_regular.ttf') format('opentype');
+}
+
 .email-confirmed-page {
   color: var(--text-dynamic);
   display: flex;
@@ -26,6 +31,7 @@
     margin-bottom: 30px;
   }
   h2 {
+    font-family: 'Proxima Nova', sans-serif;
     font-size: 25px;
     text-align: center;
     margin-bottom: 25px;

diff --git a/client/src/pages/SignUp/SignUp.scss b/client/src/pages/SignUp/SignUp.scss
@@ -1,5 +1,10 @@
 @import '../../scssStyles/mixins';
 
+@font-face {
+  font-family: 'Proxima Nova';
+  src: url('../../../../client/assets/fonts/proximanova_regular.ttf') format('opentype');
+}
+
 .sign-up-page {
   display: flex;
   flex-direction: column;
@@ -93,6 +98,7 @@
   width: 100vw;
   height: 100vh;
   display: flex;
+  font-family: 'Proxima Nova', sans-serif;
   // flex-direction: column;
   // align-items: center;
   // justify-content: center;
@@ -149,3 +155,7 @@
     }
   }
 }
+
+.proxima-nova-text {
+  font-family: 'Proxima Nova', sans-serif;
+}