add lato and montserrat

timothy-wan · timothy-wan · commit 09d22716ca7e · 2021-01-13T18:10:19.000-08:00
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,4 +1,4 @@
-import '../styles/globals.css'
+import 'styles/globals.css'
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />
diff --git a/pages/index.js b/pages/index.js
@@ -1,7 +1,6 @@
 import styles from 'styles/Home.module.css'
 import {Header} from 'components'
 
-
 export default function Home() {
   return (
     <div className={styles.container}>
@@ -11,4 +10,4 @@ export default function Home() {
       <Header>Take control of your career</Header>
     </div>
   )
-}
+}
diff --git a/styles/globals.css b/styles/globals.css
@@ -1,9 +1,10 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Montserrat:wght@700&display=swap');
+
 html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: Lato, Montserrat;
 }
 
 a {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import '../styles/globals.css'`
	`1`	`+import 'styles/globals.css'`
`2`	`2`
`3`	`3`	`function MyApp({ Component, pageProps }) {`
`4`	`4`	`return <Component {...pageProps} />`