changed font to Inter. baby steps

lu0713 · lu0713 · commit f992f2e5f28b · 2020-09-10T03:12:40.000-04:00
diff --git a/app/components/Applications.tsx b/app/components/Applications.tsx
@@ -81,7 +81,7 @@ const Applications = () => {
       [theme.breakpoints.up('lg')]: {
         fontSize: '2.75rem',
         // MAIN PAGE SQUARE BUTTON FONTS
-        fontFamily: 'Montserrat'
+        fontFamily: 'Inter'
       },
     },
   }));
diff --git a/app/components/Copyright.tsx b/app/components/Copyright.tsx
@@ -8,7 +8,7 @@ export interface CopyrightProps {}
 const Copyright = () => {
   const useStyles = makeStyles(theme => ({
     copyright: {
-      fontFamily: 'Montserrat',
+      fontFamily: 'Inter',
       position: 'fixed',
     }
   }))
diff --git a/app/components/Occupied.tsx b/app/components/Occupied.tsx
@@ -37,14 +37,14 @@ const Occupied: React.FC = () => {
     // APPLICATION HEADER
     applicationHeader: {
       fontWeight: 700,
-      fontFamily: 'Montserrat',
+      fontFamily: 'Inter',
       color: '#ffffff',
       padding: theme.spacing(8, 0, 6),
       backgroundColor: '#4fa3f1',
       boxShadow: '2px 2px 2px 2px rgba(0,0,0,0.5)',
     },
     subTitle: {
-      fontFamily: 'Montserrat',
+      fontFamily: 'Inter',
     }
   }));
 
diff --git a/app/index.html b/app/index.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>CHRONOS</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Peta&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Lexend+Peta&display=swap" />
     <script src="https://cdn.plot.ly/plotly-latest.min.js" charset="utf-8"></script>
   </head>
   <body>
diff --git a/app/index.tsx b/app/index.tsx
@@ -7,7 +7,7 @@ import { createMuiTheme, ThemeProvider } from '@material-ui/core';
 const theme = createMuiTheme({
   typography: {
     // Graph font when you shrink window
-    fontFamily: ['Montserrat', 'sans-serif'].join(','),
+    fontFamily: ['Inter', 'sans-serif'].join(','),
   },
 });
 
diff --git a/app/stylesheets/GraphsContainer.scss b/app/stylesheets/GraphsContainer.scss
@@ -43,22 +43,22 @@
 @media screen and (min-width: 601px) and (max-width: 980px) {
   .graphsGrid {
     grid-template-columns: repeat(1, 1fr);
-    font-family: 'Montserrat', sans-serif;
+    font-family: 'Inter', sans-serif;
   }
 }
 
 /* Normal */
 @media screen and (min-width: 1000px) and (max-width: 1500px) {
   .graphsGrid {
     grid-template-columns: repeat(2, 1fr);
-    font-family: 'Montserrat', sans-serif;
+    font-family: 'Inter', sans-serif;
   }
 }
 
 /* Lg Screen */
 @media screen and (min-width: 1600px) {
   .graphsGrid {
     grid-template-columns: repeat(3, 1fr);
-    font-family: 'Montserrat', sans-serif;
+    font-family: 'Inter', sans-serif;
   }
 }
diff --git a/app/stylesheets/Splash.css b/app/stylesheets/Splash.css
@@ -43,7 +43,7 @@
   font-size: 9vw;
   letter-spacing: 100px;
   margin-right: -100px;
-  /* font-family: 'Montserrat', sans-serif; */
+  /* font-family: 'Inter', sans-serif; */
   font-family: 'Lexend Peta', sans-serif;
   /* font-weight: lighter; */
 }
diff --git a/app/stylesheets/index.scss b/app/stylesheets/index.scss
@@ -1,5 +1,5 @@
 @import url('https://fonts.googleapis.com/css?family=Baloo+Bhaijaan&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Lexend+Peta&family=Nunito+Sans:wght@300;400;600&family=Quicksand:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Inter:wght@100&family=Lexend+Peta&family=Nunito+Sans:wght@300;400;600&family=Quicksand:wght@300&display=swap');
 @import './constants.scss';
 
 * {
@@ -15,7 +15,7 @@
 body {
   background-color: #f4f4f4;
   font-size: 16px;
-  font-family: 'Montserrat';
+  font-family: 'Inter';
   font-weight: 300;
   overflow-x: hidden;
 }

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export interface CopyrightProps {}`
`8`	`8`	`const Copyright = () => {`
`9`	`9`	`const useStyles = makeStyles(theme => ({`
`10`	`10`	`copyright: {`
`11`		`- fontFamily: 'Montserrat',`
	`11`	`+ fontFamily: 'Inter',`
`12`	`12`	`position: 'fixed',`
`13`	`13`	`}`
`14`	`14`	`}))`
Original file line number	Diff line number	Diff line change
`@@ -43,22 +43,22 @@`
`43`	`43`	`@media screen and (min-width: 601px) and (max-width: 980px) {`
`44`	`44`	`.graphsGrid {`
`45`	`45`	`grid-template-columns: repeat(1, 1fr);`
`46`		`- font-family: 'Montserrat', sans-serif;`
	`46`	`+ font-family: 'Inter', sans-serif;`
`47`	`47`	`}`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`/* Normal */`
`51`	`51`	`@media screen and (min-width: 1000px) and (max-width: 1500px) {`
`52`	`52`	`.graphsGrid {`
`53`	`53`	`grid-template-columns: repeat(2, 1fr);`
`54`		`- font-family: 'Montserrat', sans-serif;`
	`54`	`+ font-family: 'Inter', sans-serif;`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`/* Lg Screen */`
`59`	`59`	`@media screen and (min-width: 1600px) {`
`60`	`60`	`.graphsGrid {`
`61`	`61`	`grid-template-columns: repeat(3, 1fr);`
`62`		`- font-family: 'Montserrat', sans-serif;`
	`62`	`+ font-family: 'Inter', sans-serif;`
`63`	`63`	`}`
`64`	`64`	`}`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@`
`43`	`43`	`font-size: 9vw;`
`44`	`44`	`letter-spacing: 100px;`
`45`	`45`	`margin-right: -100px;`
`46`		`- /* font-family: 'Montserrat', sans-serif; */`
	`46`	`+ /* font-family: 'Inter', sans-serif; */`
`47`	`47`	`font-family: 'Lexend Peta', sans-serif;`
`48`	`48`	`/* font-weight: lighter; */`
`49`	`49`	`}`